laravel-form-components
Components
Checkbox Group
On this page
{note} You're browsing the documentation for an old version of laravel-form-components. Consider upgrading your project to v8. Check your version with the following command:
`composer show rawilk/laravel-form-components`
Introduction
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.
Basic Usage
The most basic usage is like this:
<x-checkbox-group>
checkbox 1
checkbox 2
</x-checkbox-group>
This will output:
<div class="space-y-4">
checkbox 1
checkbox 2
</div>
Inline Groups
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>
This will output:
<div class="form-checkbox-group">
checkbox 1
checkbox 2
</div>
If you want a different amount of columns for your groups, you should override the .form-checkbox-group
class in
your stylesheets.