Toggle Group
Grupo de toggles com as mesmas variantes e tamanhos do Toggle. Escolha única como filtro ou várias como canais.
Escolha única
Mostrando envelopes em assinatura.
Várias opções
Canais em que o signatário recebe o convite.
1 canal(is) ativo(s).
Só ícone, tamanhos e vertical
Props
| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
| type | "single" | "multiple" | — | ToggleGroup: uma opção ou várias. |
| value / defaultValue | string | string[] | — | ToggleGroup: opções ligadas. single pode voltar vazio ao desligar. |
| variant | "default" | "outline" | "default" | ToggleGroup ou item. outline junta os itens num bloco único. |
| size | "sm" | "md" | "lg" | "md" | ToggleGroup ou item. |
| orientation | "horizontal" | "vertical" | "horizontal" | ToggleGroup: direção e setas do teclado. |
| disabled | boolean | false | ToggleGroup ou item. |
<ToggleGroup type="single" variant="outline" value={status} onValueChange={setStatus}>
<ToggleGroupItem value="signing">Em assinatura</ToggleGroupItem>
<ToggleGroupItem value="done">Concluídos</ToggleGroupItem>
</ToggleGroup>