Toolbar Preview

A toolbar gives access to frequently used actions related to someone’s current view or task, like text formatting in an editor.

Loading...
Open in CodeSandbox
Toolbar storybook
React guidance

Properties

as

“div”
Default:
none

size

Toolbar can have small or medium size.

“small” “medium” “large”
Default:
“medium”

vertical

Toolbar can be vertical styled.

boolean
Default:
false

checkedValues

Map of all checked values.

Record<string, string[]>
Default:
none

defaultCheckedValues

Default values to be checked on mount.

Record<string, string[]>
Default:
none

onCheckedValueChange

Callback when checked items change for value with a name.

((e: ToolbarCheckedValueChangeEvent, data: ToolbarCheckedValueChangeData) => void)
  • event : React’s original SyntheticEvent
  • data : A data object with relevant information
Default:
none