Level

Examples

Basic

Level Item
Level Item
Level Item

With gutters

Level Item
Level Item
Level Item

Props

Level

*required
NameTypeDefaultDescription
childrenReact.ReactNodenullcontent rendered inside the Level layout
classNamestring''additional classes added to the Level layout
hasGutterbooleanAdds space between children.

LevelItem

*required
NameTypeDefaultDescription
childrenReact.ReactNodenullcontent rendered inside the Level Layout Item

CSS variables

Expand or collapse columnSelectorVariableValue
:where(:root, .pf-v6-l-level)--pf-v6-l-level--m-gutter--Gap
1rem