Circular Gallery
A strip of photos bent along an arc. Scroll, drag or Tab through it; each card opens the full image in a dialog.
import { CircularGallery } from "pleate/effects/circular-gallery";Travel photos
Props
- images
Cards; full is the larger image for the dialog.
{ src, alt, title?, full? }[]- cardWidth / cardHeight
Card size in px.
numberdefault 220 / 280- bend
How far the outer cards sink; negative bends up.
numberdefault 90- turn
Card rotation along the arc, degrees.
numberdefault 14- label
Accessible name.
stringdefault "Gallery"
Accessibility
- A native scroller: keyboard, wheel and touch work as usual.
- Cards are buttons; the dialog traps focus and closes with Escape.