<sl-checkbox>

Checkboxes allow the user to toggle an option on or off.

The source repository is archived and read-only.

Superseded by <wa-checkbox> in Web Awesome.

Category

Forms

Built with

Lit

Library

Shoelace

Author

Shoelace

Package

@shoelace-style/shoelace

Component size

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

Library size

7.9 kB JS (shared by every Shoelace component, loaded once per page)

Downloads

142,636/week · jsDelivr 2,182,607,821 hits/month (whole @shoelace-style/shoelace package)

GitHub stars

13,834

Latest stable version

2.20.1

License

MIT

Status

stable

• Documentation
• Source code

• Documentation
• Source code

Attributes

• title
• name
• value
• size
• disabled
• checked
• indeterminate
• form
• required
• help-text

Slots

• help-text

Events

• sl-blur
• sl-change
• sl-focus
• sl-input
• sl-invalid

CSS Parts

• base
• control
• control--checked
• control--indeterminate
• checked-icon
• indeterminate-icon
• label
• form-control-help-text