bladewindUI
Display a checkbox with or without a label
<x-bladewind.checkbox />
<x-bladewind.checkbox
label="I agree to the terms and conditions" />
<x-bladewind.checkbox
label="I agree to the <a href='/terms'>terms and conditions</a>" />
<x-bladewind.checkbox
label="I am checked by default"
checked="true" />
<x-bladewind.checkbox
label="I am disabled"
disabled="true" />
The table below shows a comprehensive list of all the attributes available for the Checkbox component.
| Option | Default | Available Values |
|---|---|---|
| name | checkbox | This name can be accessed when the checkbox is submitted in the form. The name is also available as part of the css classes. |
| label | blank | Text to be displayed next to the checkbox. |
| value | blank | In case you are editing a form, the value passed will be set on the value attribute of the checkbox.
<input type="checkbox" value="" ../> |
| checked | false | Specifies whether the checkbox is checked or not. Value needs to be set as a string not boolean.true false |
| disabled | false | Specifies whether the checkbox is disabled or not. Value needs to be set as a string not boolean.true false |
| class | bw-checkbox | Any additonal css classes can be added using this attribute. |
<x-bladewind.checkbox
label="I agree to the terms and conditions"
checked="false"
disabled="false"
name="tnc"
value="yes"
class="shadow-sm" />
resources > views > components > bladewind > checkbox.blade.php