Inputs

Checkbox Group

The checkbox group allows you to quickly group related checkboxes or radio buttons together in your forms. This is not a replacement for the form-group component, and should be used inside of the form-group component in your forms.

The most basic usage is like this:

<x-checkbox-group>
    checkbox 1
    checkbox 2
</x-checkbox-group>

By default, the checkbox-group is designed to stack your checkboxes and radio inputs, but you can display them inline with each other, by setting the stacked attribute to false. This will display the checkboxes in rows of 3 columns.

<x-checkbox-group :stacked="false">
    checkbox 1
    checkbox 2
</x-checkbox-group>

By default, the checkbox-group renders checkboxes in rows with 3 columns when it is rendered inline. To render a different amount of columns, you can specify the grid-cols attribute:

<x-checkbox-group :stacked="false" grid-cols="5">
    ...
</x-checkbox-group>
Previous
Email
Caught a mistake? Suggest an edit on GitHub