React

ExamplesPropsCSS Variables

Examples

Copied to clipboard
Copied to clipboard

Props

The Gallery component accepts the following props.

NameTypeRequiredDefaultDescription
childrenanynullcontent rendered inside the Gallery layout
classNamestring''additional classes added to the Gallery layout
gutterenumnullAdds space between children. Options are sm, md or lg

GalleryItem Props

The GalleryItem component accepts the following props.

NameTypeRequiredDefaultDescription
childrenanynullcontent 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