Toolbar
A toolbar is a set of actions related to a specific context that are grouped into a horizontal bar.
| install | yarn add @clayui/toolbar |
|---|---|
| version | 3.122.0 |
Stable3.122.0View in LexiconCHANGELOG
Toolbar
| Property | Description |
|---|---|
inlineBreakpoint'xs' | 'sm' | 'md' | 'lg' | 'xl' | Adds a helper class that turns the Toolbar inline at a specified breakpoint. |
lightboolean | Determines if the tbar-light class should be added to the Toolbar, making it's background white. |
subnav| boolean
| {
disabled?: boolean;
displayType?: 'light' | 'primary';
} | Defines if the toolbar should have the subnav-tbar class. |
Toolbar.Action
| Property | Description |
|---|---|
disabledboolean | Flag that determines if the Action will have a disabled class, disabling interactions. |
spritemapstring | Path to clay icon spritemap |
symbolstring | Symbol of the icon used inside the Action. You can find available symbols here: https://clayui.com/docs/components/icon.html |
Toolbar.Item
| Property | Description |
|---|---|
expandboolean | Flag to indicate if Item should auto expand to fill the remaining width. |
Toolbar.Label
None.Toolbar.Link
| Property | Description |
|---|---|
disabledboolean | Flag that determines if the Link will have a disabled class, disabling interactions. |
Toolbar.Input
None.Toolbar.Nav
| Property | Description |
|---|---|
wrapboolean | Specifies whether the tbar-nav-wrap class should be added to the Toolbar.Nav |