Customizing the navigation bar

Content under development

Additional React components can be added to the navigation bar adding the components property to the navigation setting in a custom player. This property takes an array of React components that will be rendered after any other items that are configured to be displayed in the navigation bar by your flow.

navgiation: {
    isFixed: true;
    components: [
        React.DOM.li(null, React.DOM.a({ href: '#' }, 'My Custom Nav Item'))
    ]
}

The navigation bar is based on the Bootstrap 3 elements & styling. You can find more information on what elements the navigation bar supports and examples of using them here: http://getbootstrap.com/components/#navbar