Gallery

A Gallery layout makes all of the children a uniform size, the children are displayed horizontally, and they wrap as needed.

Examples

Simple Gallery Layout

Copied to clipboard

Gallery With Gutters

Copied to clipboard

Gallery Props

The Gallery component accepts the following props.

NameTypeRequiredDefaultDescription
children
any
nullcontent rendered inside the Gallery layout
className
string
''additional classes added to the Gallery layout
gutter
enum
nullAdds space between children. Options are sm, md or lg

GalleryItem Props

The GalleryItem component accepts the following props.

NameTypeRequiredDefaultDescription
children
any
nullcontent rendered inside the Gallery Item