Radio

A customizable input radio component. Lets users pick only one option from a group.

View source
<script lang="ts">
    import { Radio } from 'svxui';

    let group = $state('1');
</script>

<Radio name="default" value="1" bind:group/>
<Radio name="default" value="2" bind:group />

API Reference

PropertyTypeDefaultDescription
color
string | number | symbol
"neutral"Radio color
elementRef $bindable
HTMLInputElement
Rendered DOM element
size
union
"2"Radio size

Examples

Label

Colors

Sizes

States

v0.0.13