Radio
Um grupo de botões de seleção exclusivos com suporte a ícone customizado e estilos variados.
Utilização
index.tsx
import { RadioGroup, RadioGroupItem } from "@convertcompany/ui";
Exemplos
Com Descrição
Com ícone customizado
Props
Esse componente extende a implementação do Radix UI, e por isso, possui as mesmas propriedades. Para mais detalhes, consulte a documentação oficial.
RadioGroup
| Propriedade | Tipo |
|---|---|
| defaultValueValor inicial do item selecionado. | string |
| valueValor controlado do grupo. | string |
| onValueChangeCallback executado quando o valor é alterado. | (value: string) => void |
| classNameClasse CSS adicional. | string |
RadioGroupItem
| Propriedade | Tipo |
|---|---|
| valueValor do item do grupo. | string |
| variantVariação visual. | default |
| iconÍcone customizado mostrado quando o item está selecionado. | ReactNode |
| classNameClasse CSS adicional. | string |