vitalif
/
react-toolbox
1
0
Fork 0
Code Issues Pull Requests Releases 12 Wiki Activity
react-toolbox/components/app_bar
History
Keren Chandran cdd6ee5f05 Merge branch 'dev' of https://github.com/react-toolbox/react-toolbox into update-docs 
# Conflicts:
#	components/autocomplete/readme.md
#	components/dropdown/readme.md
 		2016-04-06 20:50:12 -04:00
..
AppBar.jsx Refactor app and app_bar 2015-11-25 20:30:28 +01:00
_config.scss Added !default to all config values as per #424 2016-04-02 00:47:39 +02:00
index.js Remove jsx extension from imports in components 2015-11-28 20:24:46 +01:00
readme.md Sorted Appbar's properties. Updated Autocomplete's doc and example 2016-03-25 08:12:57 -04: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 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>
);

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.
fixed Bool false Determine if the bar should have position fixed or relative.
flat Bool false If true, the AppBar shows a shadow.