Upper Toolbar
yarn add @clayui/upper-toolbar
Upper toolbar is a guidance pattern to allow designers create their own toolbars for edition with preview pages.
Deprecated3.27.0View in LexiconCHANGELOG
WarningThis component has been discontinued in favor of ClayToolbar, you can get the same result.
Introduction
The Upper Toolbar components can be composed together to make all sorts of toolbar variations. Combine Upper Toolbar with other Clay components to cover a variety of use cases.
Example
Code Sample (expand to see it)
API
UpperToolbar
Extends from React.HTMLAttributes<HTMLElement>UpperToolbar.Item
| Property | Type | Required | Default | Description |
|---|---|---|---|---|
expand | boolean | false | Flag to indicate if Item should auto expand to fill the remaining width. |
UpperToolbar.Input
Extends from React.ComponentProps<typeof ClayInput>