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.119.0 |
Stable3.119.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. |
light boolean | 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 |
---|---|
disabled boolean | Flag that determines if the Action will have a disabled class, disabling interactions. |
spritemap string | Path to clay icon spritemap |
symbol string | 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 |
---|---|
expand boolean | Flag to indicate if Item should auto expand to fill the remaining width. |
Toolbar.Label
None.Toolbar.Link
Property | Description |
---|---|
disabled boolean | Flag that determines if the Link will have a disabled class, disabling interactions. |
Toolbar.Input
None.Toolbar.Nav
Property | Description |
---|---|
wrap boolean | Specifies whether the tbar-nav-wrap class should be added to the Toolbar.Nav |