Carousel
A fully accessible, token-driven Carousel component built with strict WAI-ARIA compliance.
tsx
import { Carousel } from '@nofinite/nui';Interactive Preview
Loading preview...
Usage
Basic Example
tsx
import { Carousel } from '@nofinite/nui';
<Carousel />API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
showArrows | boolean | true | — |
showDots | boolean | true | — |
itemWidth | string | 100% | — |
gap | string | 1rem | — |
align | enum | start | — |
autoPlay | boolean | false | — |
interval | number | 3000 | — |
loop | boolean | false | — |
Accessibility & Guidelines
- Semantic Tokens: Built strictly using Nuicss semantic tokens (
bg-surface,text-default,border-subtle,bg-primary). - Keyboard Navigation: Adheres to strict WAI-ARIA standards.
- Screen Reader Support: Includes semantic roles and live regions where appropriate.