Pular para o conteúdo principal

Collapse

Base​

Utilize o componente Collapse para controlar a exibição de determinado conteúdo através da expansão ou contração vertical da região que o envolve.

Com limite de altura​

Utilize a propriedade maxHeight para estabelecer uma altura máximo para o conteúdo.

Informação

O valor será convertido para pixeis se um valor do tipo number for passado para propriedade maxHeight

Acessibilidade​

Adote as seguintes regras para garantir que o uso do componente Collpase atenda as boas práticas de acessibilidade:

  • No Collpase
    • Inclua um atributo id quando sua expanção e contração for controlada pela interação com outro elemento
  • No elemento iterativo que controla a expansão e contração do Collapse
    • Adicione uma propriedade aria-expanded com valor true quando o Collapse estiver expandido e false caso contrário
    • Adicione uma propriedade aria-owns com valor igual ao id do componente Collapse

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.