Accordion
Base
Conteúdo
O conteúdo que é exibido após o Accordion ser expandido pode ser personalizado. Texto, imagens, vídeos e links são permitidos.
Com limite de altura
Utilize a propriedade maxHeight para estabelecer uma altura máximo para o conteúdo.
O valor será convertido para pixels se um valor do tipo number for passado para propriedade maxHeight
Título
Além de um texto simples, você pode adicionar outros componentes junto ao título do Accordion, dependendo da sua necessidade.
Utilize o subcomponente Accordion.Title para garantir que o texto do título irá ocupar todo espaço horizontal disponível quando necessário.
Com ícone
Com Tag
Com Badge
Agrupado
Utilize o subcomponente Accordion.Group para encapsular todos os Accordions. Dessa forma, apenas um Accordion por vez ficará expandido.
Gerenciamento de estado
Utilize a propriedade open para controlar se o Accordion está expandido ou não.