Toolbar

Examples Props CSS Variables

Examples

Basic

With sections

Props

Toolbar properties
Name	Type	Required	Default	Description
children	React.ReactNode	No	null	Anything that can be rendered as toolbar content
className	string	No	null	Classes applied to toolbar parent

ToolbarGroup properties
Name	Type	Required	Default	Description
children	React.ReactNode	No	null	Anything that can be rendered as one toolbar group
className	string	No	null	Classes applied to toolbar group

ToolbarSection properties
Name	Type	Required	Default	Description
children	React.ReactNode	No	null	Anything that can be rendered as toolbar section
className	string	No	null	Classes applied to toolbar section
aria-label	string	No		Aria label applied to toolbar section

ToolbarItem properties
Name	Type	Required	Default	Description
children	React.ReactNode	No	null	Anything that can be rendered as toolbar item content
className	string	No	null	Classes applied to toolbar item

CSS Variables


	.pf-c-avatar	--pf-c-avatar--BorderRadius		30em
--pf-c-avatar--BorderRadius --pf-global--BorderRadius--lg $pf-global--BorderRadius--lg 30em
	.pf-c-avatar	--pf-c-avatar--Width		2.25rem
	.pf-c-avatar	--pf-c-avatar--Height		2.25rem

QUICKLINKS

CONTRIBUTE

STAY IN TOUCH

Copyright © 2019 Red Hat, Inc.

Privacy statement Terms of use All policies and guidelines