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.
Feedback
Para reportar algum problema, solicitar novos ícones, solicitar novos casos de uso de componentes, tirar dúvidas, enviar sugestões ou reportar bugs, entre em contato pelo nosso canal no Slack #tangram-design-system.