App Bar
The app bar is a special kind of toolbar that’s 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/lib/app_bar';
const AppBarTest = () => (
<AppBar fixed flat>
<a href="/home">React Toolbox Docs</a>
<Navigation />
</AppBar>
);
If you want to provide a theme via context, the component key is RTAppBar
.
Properties
Name |
Type |
Default |
Description |
className |
String |
'' |
Set a class for the root component. |
fixed |
Bool |
false |
Determine if the bar should have position fixed or relative . |
flat |
Bool |
false |
If true, the AppBar shows a shadow. |
theme |
Object |
null |
Classnames object defining the component style. |
Theme
Name |
Description |
appBar |
Used for the component root element. |
fixed |
Added to the root element when the app bar is fixed. |
flat |
Added to the root element when the app bar is flat. |