2015-07-06 13:53:37 +03:00
|
|
|
# Navigation
|
|
|
|
|
|
|
|
```
|
|
|
|
var Navigation = require('react-toolbox/components/navigation');
|
|
|
|
var routes = [
|
|
|
|
{route:'/profile/soyjavi', icon='user'},
|
|
|
|
{route:'http://google.com', caption='Go to Google.com'},
|
|
|
|
];
|
|
|
|
var actions = [
|
2015-07-18 06:33:06 +03:00
|
|
|
{caption: "Primary", style: "primary", icon: "access_alarm"}
|
2015-07-06 13:53:37 +03:00
|
|
|
];
|
|
|
|
|
|
|
|
<Navigation routes={routes} actions={actions} />
|
|
|
|
```
|
|
|
|
|
|
|
|
## Properties
|
|
|
|
|
|
|
|
| Name | Type | Default | Description|
|
|
|
|
|:- |:-: | :- |:-|
|
|
|
|
| **actions** | Array | | Array of actions callbacks using <Button/> component definition.|
|
2015-07-07 12:30:22 +03:00
|
|
|
| **className** | String | | Sets the class-styles of the Component.|
|
2015-07-06 13:53:37 +03:00
|
|
|
| **routes** | Array | | Array of URL String using <Link/> component definition. |
|
|
|
|
| **type** | String | "normal" | Type of the component, overwrite this property if you need set a different stylesheet.|
|