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

QUICKLINKS

CONTRIBUTE

STAY IN TOUCH

PatternFly is an open source design system built to drive consistency and unify teams. From documentation and components to code examples and tutorials, PatternFly is a place where design and development can thrive. We’re on a mission to help teams build consistent, accessible, and scalable enterprise product experiences—the open source way.

Red Hat logo
Copyright © 2022 Red Hat, Inc.
Privacy statementTerms of useAll policies and guidelines