Skip to main content

Collapse

Base​

Utilize o componente Collpase 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​

To report a problem, request new icons, request new component use cases, ask questions, share suggestions, or report bugs, get in touch through our Slack channel #tangram-design-system.