Collapse

O Collapse agrega conteúdo complexo em um título customizado e esconde ou mostra esse conteúdo com base na interação. Quando precisar de um componente mais genérico que o Accordion, utilize o Collapse.

Playground

Propriedades

Nome (* = obrigatório)

Tipo

Valores

Descrição

id *

string

  • —

Identificador do Accordion. Obrigatório para acessiblidade. O conteúdo do Accordion será vinculado a esse id para que leitores de tela entendam melhor a estrutura do conteúdo.

title *

ReactNode

  • —

Título do Collapse.

children

ReactNode

  • —

Conteúdo interno do Collapse.

expanded

boolean

  • true

  • false (default)

Define se o Collapse está expandido ou não. Utilize para o componente controlado. Nunca utilize em conjunto com defaultExpanded.

defaultExpanded

boolean

  • true

  • false (default)

Define se o Accordion está expandido inicialmente ou não. Utilize para o componente não controlado, onde o controle de expandido/escondido é feito internamente pelo componente. Nunca utilize em conjunto com expanded

Métodos

Nome (* = obrigatório)

Tipo

Descrição

onChange

function

Função chamada quando o componente tem o valor que controla se está aberto ou não alterado.

Tem como parâmetro o estado atual do Collapse.