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 *

string

• —

Título do Accordion.

children

ReactNode

• —

Conteúdo interno do Accordion.

titleTextStyle

"paragraph-lg" | "paragraph-lg-bold"

• paragraph-lg

• paragraph-lg-bold (default)

Estilo de texto do título.

expanded

boolean

• true

• false (default)

Define se o Accordion 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

divider

boolean

• true (default)

• false

Define se o separador deve ou não ser mostrado no Accordion.

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 Accordion.