React

Level

ExamplesPropsCSS Variables

Examples

Basic

Level Item
Level Item
Level Item

With gutters

Level Item
Level Item
Level Item

Props

Level properties
NameTypeRequiredDefaultDescription
gutter'sm' | 'md' | 'lg'nullAdds space between children.
classNamestring''additional classes added to the Level layout
childrenReact.ReactNodenullcontent rendered inside the Level layout
LevelItem properties
NameTypeRequiredDefaultDescription
childrenReact.ReactNodenullcontent rendered inside the Level Layout Item

CSS Variables

--pf-l-level--m-gutter--MarginRightl_level_m_gutter_MarginRight
1.5rem
--pf-l-level--m-gutter--md--MarginRightl_level_m_gutter_md_MarginRight
1rem