Slate
View as Markdown Open in v0 Open in ChatGPT Open in Claude Open in Scira

Radio Group

Groups related radio options with shared Alpine state. Supports progressive label, description, and errorMessage props like other form controls.

Usage
Notify me about

Choose how you want to receive updates.

example.blade.php 
<x-slate::radio-group label="Notify me about" description="Choose how you want to receive updates.">
    <x-slate::radio-group-item value="all" label="All new messages" />
    <x-slate::radio-group-item value="mentions" label="Direct messages and mentions" />
    <x-slate::radio-group-item value="none" label="Nothing" />
</x-slate::radio-group>

Horizontal
example.blade.php 
<x-slate::radio-group orientation="horizontal" default-value="monthly">
    <x-slate::radio-group-item value="monthly" label="Monthly" />
    <x-slate::radio-group-item value="yearly" label="Yearly" />
</x-slate::radio-group>

Composition
code 
RadioGroup
└── RadioGroupItem (repeat)
Last updated .