Radio

Yes/no input in a list of options where one—and only one—choice selected. Used if the list of options is generally five or fewer (beyond which a Select is recommended).

  
selected: Thunderbolt
PropTypeDescription
labelstringRequired Input label
namestringInput name attribute
idstringHTML id attribute
bind:groupanyTwo-way binding for the state
valueanyThe value for this input
<script lang="ts">
import Fieldset from '../components/fieldset.svelte';
import Radio from '../components/radio.svelte';

let move = 'Thunderbolt';
</script>

<Fieldset>
  <Radio name="move" label="Thunderbolt" bind:group={move} value="Thunderbolt" />
  <Radio name="move" label="Double Edge" bind:group={move} value="Double Edge" />
  <Radio name="move" label="Agility" bind:group={move} value="Agility" />
  <Radio name="move" label="Dig" bind:group={move} value="Dig" />
</Fieldset>

<pre>
  <code>
selected: {move}
  </code>
</pre>