Skip to content
Patternfly Logo

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

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

View source on GitHub