Layout
Carousel
Carrossel para navegação entre slides de conteúdo.
Uso
Use o elemento <y-carousel> no seu HTML:
html
<y-carousel> <div>Slide 1 — Produto em destaque</div> <div>Slide 2 — Promoção do dia</div> <div>Slide 3 — Novidades</div></y-carousel>Exemplos
Padrão
Padrão
Importação
Importe todos os componentes ou apenas este:
typescript
// Importar tudoimport '@yampi/ui';// Importar apenas este componenteimport '@yampi/ui/dist/components/carousel.js';Acessibilidade
- Suporta navegação por teclado
- Utiliza atributos ARIA apropriados
focus-visiblepara indicação de foco