Dome Gallery
Photos tiled on the inside of a sphere. Drag to look around; click a tile to open it.
import { DomeGallery } from "pleate/effects/dome-gallery";Photo dome
Props
- images
Pictures; alt is required.
{ src, alt }[]- columns / rows
Tiles around and up the dome.
numberdefault 12 / 3- radius
Sphere radius in px.
numberdefault 520- height
Viewport height in px.
numberdefault 480- label
Accessible name.
stringdefault "Gallery"
Accessibility
- Tiles are buttons; focusing one turns the dome to face it.
- Arrow keys look around when the dome has focus.
- The photo opens in a modal dialog that closes with Escape.