Skip to Content
Patternfly Logo

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.ReactNodeNonullAnything that can be rendered as toolbar content
classNamestringNonullClasses applied to toolbar parent
ToolbarGroup properties
NameTypeRequiredDefaultDescription
childrenReact.ReactNodeNonullAnything that can be rendered as one toolbar group
classNamestringNonullClasses applied to toolbar group
ToolbarSection properties
NameTypeRequiredDefaultDescription
childrenReact.ReactNodeNonullAnything that can be rendered as toolbar section
classNamestringNonullClasses applied to toolbar section
aria-labelstringNoAria label applied to toolbar section
ToolbarItem properties
NameTypeRequiredDefaultDescription
childrenReact.ReactNodeNonullAnything that can be rendered as toolbar item content
classNamestringNonullClasses 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