Radio Group

A gem socket radio button group with Warcraft-themed styling. Supports vertical and horizontal orientations with bindable value.

Vertical (default)

Thrall

Jaina Proudmoore

Arthas Menethil

Tyrande Whisperwind

Selected: thrall

Horizontal

Orc

Human

Elf

Undead

Faction: orc

Disabled

Option A (selected)

Option B

Usage

<script>
  import { RadioGroup, RadioGroupItem, Label } from 'warcraftcn-ui-svelte';
  let selected = $state('thrall');
</script>

<RadioGroup bind:value={selected} name="heroes">
  <div class="flex items-center gap-2">
    <RadioGroupItem value="thrall" />
    <Label>Thrall</Label>
  </div>
</RadioGroup>

Props

Prop	Type	Default
value	string (bindable)	""
orientation	"vertical" \| "horizontal"	"vertical"
disabled	boolean	false
name	string	""