- Accordion
- AI Elements
- Alert
- Alert Dialog
- Avatar
- Badge
- Breadcrumb
- Button
- ButtonGroup
- Calendar
- Card
- Carousel
- Chart
- Checkbox
- Collapsible
- Combobox
- Command
- Date Picker
- Dialog
- Dropdown Menu
- Field
- File Picker
- Input
- InputGroup
- InputOTP
- Loader
- Menubar
- Pagination
- Popover
- Progress
- Radio Group
- Resizable
- Scroll Area
- Select
- Sheet
- Sonner
- Table
- Tabs
- Textarea
- Toggle
- Tooltip
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.) |