kopia lustrzana https://github.com/shoelace-style/shoelace
983 B
983 B
Radio
[component-header:sl-radio]
Radios allow the user to select one option from a group of many.
Radios are designed to be used with radio groups. As such, all of the examples on this page utilize them to demonstrate their correct usage.
<sl-radio-group label="Select an option" no-fieldset>
<sl-radio value="1" checked>Option 1</sl-radio>
<sl-radio value="2">Option 2</sl-radio>
<sl-radio value="3">Option 3</sl-radio>
</sl-radio-group>
?> This component doesn't work with standard forms. Use <sl-form>
instead.
Examples
Disabled
Use the disabled
attribute to disable a radio.
<sl-radio-group label="Select an option" no-fieldset>
<sl-radio value="1" checked>Option 1</sl-radio>
<sl-radio value="2">Option 2</sl-radio>
<sl-radio value="3">Option 3</sl-radio>
<sl-radio value="4" disabled>Disabled</sl-radio>
</sl-radio-group>
[component-metadata:sl-radio]