bladewindUI

Checkbox

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"  />
                
                
            
 

 

Full List Of Attributes

The table below shows a comprehensive list of all the attributes available for the Checkbox component.

IMPORTANT: Projects running Laravel 8 please read this

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.

 

Checkbox with all attributes defined

                
                    <x-bladewind.checkbox 
                        label="I agree to the terms and conditions" 
                        checked="false"
                        disabled="false"
                        name="tnc"
                        value="yes"
                        class="shadow-sm" />
                
            

 

The source file for this component is available in resources > views > components > bladewind > checkbox.blade.php