Layout

Accordion

Lista expansível de seções com conteúdo oculto.

Uso

Use o elemento <y-accordion> no seu HTML:

html

<y-accordion>  <y-accordion-item title="Como rastrear meu pedido?">    Acesse a seção Pedidos no painel.  </y-accordion-item>  <y-accordion-item title="Qual o prazo de entrega?">    O prazo varia conforme a região.  </y-accordion-item>  <y-accordion-item title="Como solicitar reembolso?">    Entre em contato pelo suporte.  </y-accordion-item></y-accordion>

Exemplos

Padrão

Propriedades

Propriedade	Tipo	Padrão	Descrição
`type`	`"single" \| "multiple"`	`"single"`	Permite abrir um ou vários itens

Importação

Importe todos os componentes ou apenas este:

typescript

// Importar tudoimport '@yampi/ui';// Importar apenas este componenteimport '@yampi/ui/dist/components/accordion.js';

Acessibilidade

Suporta navegação por teclado
Utiliza atributos ARIA apropriados
focus-visible para indicação de foco