Patternfly Logo

Examples

Basic

content
pf-m-fill
content

With gutter

content
pf-m-fill
content

Props

Stack properties
NameTypeRequiredDefaultDescription
childrenReact.ReactNodeNonullcontent rendered inside the Stack layout
classNamestringNo''additional classes added to the Stack layout
componentReact.ReactNodeNo'div'Sets the base component to render. defaults to div
hasGutterbooleanNofalseAdds space between children.
StackItem properties
NameTypeRequiredDefaultDescription
childrenReact.ReactNodeNonulladditional classes added to the Stack Layout Item
classNamestringNo''content rendered inside the Stack Layout Item
isFilledbooleanNofalseFlag indicating if this Stack Layout item should fill the available vertical space.

CSS variables

.pf-l-stack--pf-l-stack--m-gutter--MarginBottom
1rem

View source on GitHub