Materialize Checkboxes

Materialize Checkboxes : Checkboxes are used to enable users to select one or more than options from the given options. Materialize provides classes to create checkboxes with cool look and feel. Here in this tutorial we are going to explain how you can create checkboxes in Materialize framework. You can also use our online editor to edit and run the code online.

Materialize Checkboxes Example

Let create a very basic and default checkbox in Materialize –

<p>
       
       
</p>

If you run the above example it will produce the output something like this –

Filled In Checkbox

Class filled-in is used to create filled in Checkbox. Here is an example of filled in checkbox –

  
  <p>
       
       
    </p>

The above example will give output something like this –

Disabled Checkbox

To create disabled checkbox just add disabled=”disabled” simply as below –

  
  <p>
       
       
   </p>

If you run the above example it will produce output something like this –