React

ExamplesPropsCSS Variables

Examples

Copied to clipboard
Copied to clipboard

Props

The Gallery component accepts the following props.

NameTypeRequiredDefaultDescription
childrenReact.ReactNodenullcontent rendered inside the Gallery layout
classNamestring''additional classes added to the Gallery layout
gutter'sm' | 'md' | 'lg'nullAdds space between children.

GalleryItem Props

The GalleryItem component accepts the following props.

NameTypeRequiredDefaultDescription
childrenReact.ReactNodenullcontent rendered inside the Gallery Item

CSS Variables

--pf-l-gallery--GridTemplateColumnsl_gallery_GridTemplateColumnsrepeat(auto-fill,minmax(250px,1fr))
--pf-l-gallery--GridTemplateRowsl_gallery_GridTemplateRowsauto
--pf-l-gallery--m-gutter--GridGapl_gallery_m_gutter_GridGap1.5rem
--pf-l-gallery--m-gutter--md--GridGapl_gallery_m_gutter_md_GridGap1rem