react-toolbox/components/app_bar
Javi Velasco 4eb0c1b749 Add documentation for date picker and remove structure section from other docs 2015-10-31 20:03:49 +01:00
..
_config.scss Complete and reorganize first approach for documentation pages 2015-10-28 01:49:22 +01:00
index.jsx use react-transform 2015-10-29 13:33:21 +08:00
readme.md Add documentation for date picker and remove structure section from other docs 2015-10-31 20:03:49 +01:00
style.scss New layout and organization. 🙉 2015-10-30 20:30:56 +01:00

readme.md

App Bar

The app bar is a special kind of toolbar thats used for branding, navigation, search, and actions. Usually it contains controls on the right and left side and a title with the current section or app name. You should give the content with children elements.

import AppBar from 'react-toolbox/app_bar';

const AppBarTest = () => (
  <AppBar fixed flat>
    <a href="/home">React Toolbox Docs</a>
    <Navigation />
  </AppBar>
);

Coming soon, the AppBar component will support arbitrary content attributes for left and right content and a title, for now it's just a wrapper.

Properties

Name Type Default Description
className String '' Set a class for the root component.
flat Bool false If true, the AppBar shows a shadow.
fixed Bool false Determine if the bar should have position fixed or relative.