Use the gallery to display and toggle between a number of images or other media objects.
When only a single image is present, the controls aren’t displayed.
The gallery is available in 4 aspect ratios.
1. 1:1 aspect ratio
2. 3:2 aspect ratio
3. 2:1 aspect ratio
4. 4:5 aspect ratio
Usage
Consider the ordering of gallery items. The most descriptive image should be first. (e.g. A clear front-facing image of the whole product, before a cropped close-up of product details.)
Do not embed auto-playing video within the gallery component. This is unexpected behavior and can be disorientating to users.
Available platforms
|
Platform |
Available |
|---|---|
|
Figma |
v5+ |
|
Web (@ovotech/element) |
❌ |
|
App (@ovotech/element-native) |
❌ |
Related