Radio

O Radio permite que os usuários selecionem uma opção de um conjunto.

---

Quando usar:

• As opções que o componente busca prover são mutuamente exclusivas.

Quando não usar:

• Duas ou mais opções puderem ser selecionadas ao mesmo tempo.
• Houver 4 ou mais opções. Você pode usar o componente Dropdown nesses casos.

---

Uso

<CdsRadio
	v-model="selected"
	value="option-1"
	label="Opção 1"
/>

---

Preview

Opção 1

Mostrar log

⚡Nenhum evento foi disparado

---

Props

Nome	Tipo	Default	Opções	Descrição
* modelValue (required)	object	null	--	A prop usada como v-model para monitorar a seleção do Radio
* value (required)	object	null	--	A prop usada como valor associado ao Radio. O que será atribuído v-model quando essa opção for selecionado
variant	string	'green'	green teal blue indigo violet pink red orange amber dark	A variante de cor. São 10 variantes:
label	string	'radio content'	--	Define a label do input, o conteúdo que é exibido para descrever o Radio
disabled	boolean	false	--	Controla o status do Radio

Eventos

Nome	Descrição
@update:modelValue	Evento emitido quando o Radio muda seu estado.

Slots

Nome	Descrição
#default	Slot padrão para renderização de conteúdo customizado da label

---