Introducing PrimeReact v11-alpha 🎉Discover Now

Gallery Theming

Theming documentation for Gallery component

Styled#

CSS Classes#

List of class names used in the styled mode.

classNamedescription
p-galleryClass name of the root element
p-gallery-backdropClass name of the backdrop element
p-gallery-headerClass name of the header element
p-gallery-footerClass name of the footer element
p-gallery-contentClass name of the content element
p-gallery-itemClass name of the item element
p-gallery-nextClass name of the next element
p-gallery-prevClass name of the prev element
p-gallery-actionClass name of the action element
p-gallery-actionClass name of the zoom in element
p-gallery-actionClass name of the zoom out element
p-gallery-actionClass name of the zoom toggle element
p-gallery-actionClass name of the rotate left element
p-gallery-actionClass name of the rotate right element
p-gallery-actionClass name of the flip x element
p-gallery-actionClass name of the flip y element
p-gallery-actionClass name of the download element
p-gallery-actionClass name of the full screen element
p-gallery-thumbnailClass name of the thumbnail element
p-gallery-thumbnail-contentClass name of the thumbnail content element
p-gallery-thumbnail-itemClass name of the thumbnail item element

Design Tokens#

List of design tokens.

Unstyled#

Theming is implemented with the pass through properties in unstyled mode.