Komponen / Form & input

Radio

Satu pilihan dari 2–5 opsi yang semuanya perlu terlihat. Selalu dalam RadioGroup dengan satu opsi default bila memungkinkan.

React · BetaFigma · siapFigma Sumber

Import

tsx

import { RadioGroup, Radio } from '@divistant/circca-react';

Prop	Tipe	Default	Keterangan
value	string	—	Nilai terkontrol.
defaultValue	string	—	Nilai awal tak terkontrol.
onValueChange	(value: string) => void	—	Dipanggil saat pilihan berubah.
orientation	'vertical' \| 'horizontal'	'vertical'	Susunan opsi.
name	string	—	Nama field untuk form HTML.
invalid	boolean	false	Tampilan error. Otomatis true bila FormField punya `error`.
disabled	boolean	false	Nonaktif. Otomatis mengikuti FormField.
readOnly	boolean	false	Hanya baca: pilihan dibekukan tanpa dipudarkan. Otomatis mengikuti FormField.

Prop	Tipe	Default	Keterangan
value	string	—	Nilai opsi.
children	ReactNode	—	Label opsi.
disabled	boolean	false	Opsi tidak berlaku.

Kode komponen ada di packages/react/src/components/radio. Gaya hanya memakai kelas token Circca HIG — tidak ada warna, spasi, atau radius mentah.