React

Toolbar

ExamplesPropsCSS Variables

Examples

Basic

Item 1
Item 2
Item 3
Item 4

With sections

Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Item 7

Props

Toolbar properties
NameTypeRequiredDefaultDescription
childrenReact.ReactNodenullAnything that can be rendered as toolbar content
classNamestringnullClasses applied to toolbar parent
ToolbarGroup properties
NameTypeRequiredDefaultDescription
childrenReact.ReactNodenullAnything that can be rendered as one toolbar group
classNamestringnullClasses applied to toolbar group
ToolbarSection properties
NameTypeRequiredDefaultDescription
childrenReact.ReactNodenullAnything that can be rendered as toolbar section
classNamestringnullClasses applied to toolbar section
aria-labelstringAria label applied to toolbar section
ToolbarItem properties
NameTypeRequiredDefaultDescription
childrenReact.ReactNodenullAnything that can be rendered as toolbar item content
classNamestringnullClasses applied to toolbar item

CSS Variables

--pf-c-avatar--BorderRadiusc_avatar_BorderRadius
30em
--pf-c-avatar--Heightc_avatar_Height
2.25rem
--pf-c-avatar--Widthc_avatar_Width
2.25rem