Checkboxes
<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"
/>
<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>
<x-app-ui::checkbox label="I agree with the Terms of Service." name="terms" />
<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>
app-ui::checkbox
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
Name | Default | Options | Notes |
---|---|---|---|
legend |
Name | Notes |
---|---|
Main | Contains the individual app-ui::checkbox components. |