Radio Group

Grupo de seleção exclusiva (apenas uma opção por vez). Construído sobre Radix UI RadioGroup. Ideal para escolha de planos, tipos de entrega e preferências.

import { RadioGroup, RadioGroupItem } from "@workspace/ui/components/radio-group";
import { Label } from "@workspace/ui/components/label";

<RadioGroup defaultValue="start">
  <div className="flex items-center space-x-2">
    <RadioGroupItem value="start" id="start" />
    <Label htmlFor="start">Start</Label>
  </div>
  <div className="flex items-center space-x-2">
    <RadioGroupItem value="plus" id="plus" />
    <Label htmlFor="plus">Plus</Label>
  </div>
</RadioGroup>

Planos de consultora

Seleção exclusiva entre os planos Ana Autentic.

Start

30% de descontoR$ 491,10~43% ROI

Plus

35% de descontoR$ 993,40~54% ROI

Master

40% de descontoR$ 1.803,30~67% ROI

Tipo de entrega

Opções de entrega no checkout.

Entrega Local

Full

Desabilitado

RadioGroup com opções desabilitadas.

Ativa

Inativa

API Reference

Prop	Type	Default	Descrição
`defaultValue`	`string`	—	Valor inicial (não controlado)
`value`	`string`	—	Valor selecionado (controlado)
`onValueChange`	`(value: string) => void`	—	Callback quando a seleção muda
`disabled`	`boolean`	false	Desabilita todas as opções
`orientation`	`'horizontal' \| 'vertical'`	'vertical'	Orientação do grupo
`RadioGroupItem.value`	`string`	—	Valor único da opção