z-uiDesign system
Componentes · z-ui

AccordionSelect

Seleção dentro de um acordeão do Radix. Sem escolha, a lista fica aberta. Ao escolher, ela recolhe e mostra só a opção, com o atalho Alterar para reabrir.

Papel do signatário

Comece sem valor. As setas percorrem a lista e Enter escolhe; o foco volta para o resumo.

Já escolhido

Desabilitado

Props

PropTipoPadrãoDescrição
optionsAccordionSelectOption[]—{ id, title, description?, icon?, disabled? }.
valuestring | undefined—Id selecionado. Sem valor, a lista fica aberta.
onValueChange(value: string | undefined) => void—Recebe o id escolhido, ou undefined quando a pessoa clica em Alterar.
labelstring—Rótulo do campo, usado também pelo leitor de tela.
placeholderstring"Escolha uma opção"Texto do cabeçalho antes da escolha.
editLabelstring"Alterar"Rótulo do atalho que reabre a lista.
disabledbooleanfalseBloqueia a seleção.