Collapse

Uso
• Exemplos
Código

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