Checkboxes

Default
<x-app-ui::checkbox
    label="I agree with the Terms of Service."
    helper-text="Lorem ipsum dolor sit amet consectetur adipisicing elit. Distinctio provident perferendi."
    name="terms"
/>
Group
<x-app-ui::checkbox-group legend="User permissions">
    <x-app-ui::checkbox
        label="Editor"
        helper-text="Write and update articles."
        name="editor"
    />

    <x-app-ui::checkbox
        label="Reviewer"
        helper-text="Provide feedback and approve or disapprove articles."
        name="reviewer"
    />
</x-app-ui::checkbox-group>
Simple
<x-app-ui::checkbox label="I agree with the Terms of Service." name="terms" />
Simple group
<x-app-ui::checkbox-group legend="Notifications">
    <x-app-ui::checkbox label="Direct messages" name="direct_messages" />

    <x-app-ui::checkbox label="Messages you're tagged in" name="tagged" />

    <x-app-ui::checkbox label="Promotional updates" name="marketing" />

    <x-app-ui::checkbox label="Product updates" name="updates" />
</x-app-ui::checkbox-group>

API

app-ui::checkbox

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::checkbox-group

Attributes

Name Default Options Notes
legend

Slots

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