Patternfly Logo

Examples

Basic

With gutters

Props

Gallery properties
NameTypeRequiredDefaultDescription
childrenReact.ReactNodeNonullcontent rendered inside the Gallery layout
classNamestringNo''additional classes added to the Gallery layout
hasGutterbooleanNofalseAdds space between children.
GalleryItem properties
NameTypeRequiredDefaultDescription
childrenReact.ReactNodeNonullcontent rendered inside the Gallery Item

CSS variables

.pf-l-gallery--pf-l-gallery--m-gutter--GridGap
1rem
.pf-l-gallery--pf-l-gallery--GridTemplateColumns
repeat(auto-fill, minmax(250px, 1fr))
.pf-l-gallery--pf-l-gallery--GridTemplateRows
auto

View source on GitHub