Radio#
Radio...
let (checked, set_checked) = create_signal(false);
view! {
<Radio checked=checked set_checked=set_checked />
}
checked: falseRadio groups#
<RadioGroup>
<Radio checked=checked2 set_checked=set_checked2 />
<Radio checked=checked3 set_checked=set_checked3 />
</RadioGroup>
Labeled#
Wrap an input and a label to link them together.
<FormControl>
<Radio checked=checked set_checked=set_checked />
<Label>"Label"</Label>
</FormControl>
LabelDisabled#
Radio buttons support the disabled property, making them unmodifiable if set true.
<Radio disabled=true checked=checked set_checked=set_checked />
Styling#
You may overwrite any of the following CSS variables to meet your styling needs.
--radio-size
--radio-fill-size
--radio-border
--radio-border-radius
--radio-border-color
--radio-hover-border-color
--radio-checked-border-color
--radio-background-color
--radio-checked-fill-background-color
--radio-disabled-filter
