Home
Nick Girga
Material 3 Checkboxes [Light]

Material 3 Checkboxes [Light]

Checkboxes that conform to Google's Material 3 design guidelines

This tailwind example is contributed by Nick Girga, on 19-May-2025. Component is made with Tailwind CSS v3.

167

<span class="text-lg">Enabled</span>
    <div class="flex flex-row gap-2 items-center">

<input type="checkbox" />

<input type="checkbox" checked />

</div>

<span class="text-lg mt-8">Disabled</span>
    <div class="flex flex-row gap-2 items-center">

<input type="checkbox" disabled />

<input type="checkbox" disabled checked />

</div>

<span class="text-lg mt-8">With Label</span>
    
    <label class="flex flex-row items-center gap-2 text-sm select-none">
      <input type="checkbox" checked />
      My Checkbox
    </label>

</div>
</body>

Related Examples

Login Form
Login Form

Author:
Md. Tofayel islam

10 months ago

1.7k
Designing a Responsive Form Layouts with Tailwind CSS
Enhance your web application by building a sleek and responsive Form Layouts using Tailwind CSS. This comprehensive guide walks you through creating an interactive Form Layouts section featuring.

Author:
zobaidul kaziex

11 months ago

2.2k
Onhover Dropdown
Open dropdown on hover

Author:
Akshay

3 years ago

17.5k
Search bar with icon

Author:
Steven Kuhn

2 years ago

14.6k
Select input

Author:
Sophia Baker

2 years ago

13.6k
Colored checkboxes
use custom accent color according to your design

Author:
Pixel Perfect

1 year ago

4.5k
Search input asasasas
sasasasasas

Author:
Notify ahmedabad

11 months ago

1.3k
Cart with alpinejs and tailwind css
How to add items to your cart with Tailwind CSS and Alpinejs

Author:
Michael Andreuzza

1 year ago

2.7k
Search input with Tailwind CSS and Alpinejs
How to create a search input with Tailwind CSS and Alpinejs

Author:
Michael Andreuzza

1 year ago

2.5k
Maintenance mode

Author:
Maxim

1 year ago

3.3k
File upload form

Author:
Lukas Müller

2 years ago

13.1k
File upload with icon

Author:
Fagundo67

2 years ago

17.1k

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components