Browser support
picola targets current evergreen browsers and honors prefers-reduced-motion.
picola targets current evergreen browsers. It relies on the Web Animations API,
ResizeObserver and Pointer Events — supported by up-to-date Chrome, Edge,
Firefox and Safari, including their mobile builds.
Platform APIs
| API | Used for |
|---|---|
| Web Animations API | Compositor-driven open / close transitions, clip reveals and fades. |
| Pointer Events | Unified mouse / touch / pen gesture handling. |
ResizeObserver |
Recomputing fit and pan bounds when the viewport changes. |
Motion & accessibility
All transitions honor prefers-reduced-motion — when the user prefers reduced
motion, transitions become instant.
The viewer ships a focus trap, screen-reader live announcements of slide changes,
and role="group" with aria-roledescription="slide" on each slide. Every
control carries an accessible label you can localise through the
labels prop.