0% Complete

Checkbox

Use Checkbox if you want to allow users to select more than one option from a set of predefined options or to turn an option on or off.

#

Label

You can use the label property to display in front of the checkbox. Also, you can use the default slot to display a custom label.

#

Description

Checkbox can have description, to display the description below the checkbox. description can have custom color. Also, you can use the slot name="description" to display a custom description.

Sponsorships help your community know how to financially support this repository.
Issues integrate lightweight task tracking into your repository. Keep projects on track with issue labels and milestones, and reference them in commit messages.
Include this code in the GitHub Archive Program.
#

Color

Checkbox can have custom color, you can use the color property to set the backgroung color of the checked one.

#

Disabled

Checkbox can be disabled, to disable the checkbox use the disabled boolean property.

#

Indeterminate

Checkbox can be indeterminate, to set the checkbox indeterminate use the indeterminate boolean property.

#

Inline

Checkbox can be inline, to display the checkbox in the same line with the sibling element. Use the inline boolean property.

#

Reverse

Put checkboxes on the opposite side with the reverse boolean property.