RadioGroup

import { createSignal } from 'solid-js';
import { Button, RadioGroup, RadioGroupItem } from '@tile-ui/solid';

export default function RadioGroupDemo() {
	const [value, setValue] = createSignal('email');
	return (

Use RadioGroup for one-of-many choices with native validation and arrow-key selection.

Registry install

pnpm dlx shadcn@latest add @tile-ui/radio-group

Package usage

import { RadioGroup, RadioGroupItem } from '@tile-ui/solid';

<RadioGroup defaultValue="a">
	<RadioGroupItem value="a" />
	<RadioGroupItem value="b" />
</RadioGroup>

Highlights

• Controlled and uncontrolled
• Horizontal and vertical
• Item disabled

Registry dependencies

Item	Purpose
radio-group	Component source and module styles
core	Framework-agnostic logic helpers
utils	Shared utility helpers
styles	Shared SCSS tokens and globals

API reference

RadioGroup

Prop	Type	Default
value	string	—
defaultValue	string	—
onValueChange	(value: string) => void	—
orientation	'horizontal' | 'vertical'	—
name	string	—
disabled	boolean	—
required	boolean	—
form	string	—

RadioGroupItem

Prop	Type	Default
value	string	—
disabled	boolean	—

Related docs

• Checkbox
• Select
• Form