Patternfly Logo

Examples

Basic

Level Item
Level Item
Level Item

With gutters

Level Item
Level Item
Level Item

Props

Level properties
NameTypeRequiredDefaultDescription
childrenReact.ReactNodeNonullcontent rendered inside the Level layout
classNamestringNo''additional classes added to the Level layout
hasGutterbooleanNoAdds space between children.
LevelItem properties
NameTypeRequiredDefaultDescription
childrenReact.ReactNodeNonullcontent rendered inside the Level Layout Item

CSS variables

.pf-l-level--pf-l-level--m-gutter--MarginRight
1rem

View source on GitHub