<wa-checkbox>

Checkboxes let users toggle an option on or off, or select multiple items from a list. They also support an indeterminate state for partial selections in groups.

Category

Forms

Built with

Lit

Library

Web Awesome

Author

Web Awesome

Package

@awesome.me/webawesome

Component size

22.2 kB JS (minified + gzipped, JS includes dependencies beyond the library)

Library size

8.2 kB JS (shared by every Web Awesome component, loaded once per page)

Popular

5 out of 5

Downloads

364,100/week · jsDelivr 33,855,650 hits/month (whole @awesome.me/webawesome package)

GitHub stars

1,348

Latest stable version

3.14.0

Last published

Sep 24, 2026

Component last changed

Apr 30, 2026 (in 3.6.0)

License

MIT

Status

stable

• Documentation
• Demo
• Source code

Attributes

• title
• value
• size
• disabled
• indeterminate
• checked
• required
• hint
• name
• custom-error
• dir
• lang
• did-ssr

Slots

• hint

Events

• change
• blur
• focus
• input
• wa-invalid

CSS Parts

• base
• checkbox
• control
• checked-icon
• indeterminate-icon
• label
• hint