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-visible para indicação de foco