Radio Bar

Compact, horizontal grouping of mini radio buttons. Should be used for tiny view controls where space is limited, not user form input.

  
Gray
  
<script lang="ts">
import Radiobar from '../components/radiobar.svelte';

let options = ['Gray', 'Blue', 'Orange', 'Rainbow', 'Pink'];
let value = options[0];
</script>

<Radiobar {options} bind:value />

<pre>
  <code>
{value}
  </code>
</pre>