Radio buttons

Default
<x-app-ui::radio-group legend="Network encryption settings">
    <x-app-ui::radio-button
        label="Off"
        helper-text="Don't encrypt any requests."
        name="network-encryption-settings"
        id="off"
    />

    <x-app-ui::radio-button
        label="Flexible"
        helper-text="Only encrypt requests between the browser and DNS."
        name="network-encryption-settings"
        id="flexible"
    />

    <x-app-ui::radio-button
        label="Full"
        helper-text="Encrypt all requests, end-to-end."
        name="network-encryption-settings"
        id="full"
    />
</x-app-ui::radio-group>

API

app-ui::radio-button

Attributes

Name Default Options Notes
errorText
helperText
id name, if provided
label
name If provided, this will be used to display error messages for this field.

app-ui::radio-group

Attributes

Name Default Options Notes
legend

Slots

Name Notes
Main Contains the individual app-ui::radio-button components.