Navigation
Overlays
Carousel
Embla-based carousel with Figma-matched arrow button styles, spacing, and vertical/horizontal layouts. Supports previous/next navigation and indicator dots.
Import
Live Demo
Embla-powered carousel with navigation controls.
Arrow button variants (Figma 18491:215352)
| Orientation | State | Previous | Next |
|---|---|---|---|
| horizontal | Default | ||
| Hover | |||
| Focus | |||
| Disabled | |||
| Pressed | |||
| vertical | Default | ||
| Hover | |||
| Focus | |||
| Disabled | |||
| Pressed |
Slide 1 of 5
Props
| Name | Type | Default | Description |
|---|---|---|---|
| orientation | "horizontal" | "vertical" | "horizontal" | Scroll direction of the carousel |
| opts | object | — | Embla carousel options (loop, align, etc.) |