Get started on your web projects with our Tailwind CSS checkbox which is an input control that allows the user to select one or more items from a set. You can use a checkbox for:
• Selecting one or more options from a list
• Presenting a list containing sub-selections
• Turning an item on/off in a desktop environment (If you have a single option, avoid using a checkbox and use an on/off switch instead)
See below our easy-to-use checkbox component that you can use for your Tailwind CSS project.
<label class="mt-3 inline-flex items-center"> <input type="checkbox" class="checkbox absolute z-10 cursor-pointer opacity-0" /> <div class="form-check-input"></div> <span class="text-gray-700 cursor-pointer select-none">Checkbox</span> </label>