Checkbox
A control that allows the user to toggle between checked and not checked.
By clicking this checkbox, you agree to the terms and conditions.
Enable notifications
You can enable or disable notifications at any time.
Installation
Usage
Examples
Default
By clicking this checkbox, you agree to the terms and conditions.
Enable notifications
You can enable or disable notifications at any time.
With Label
With Description
By clicking this checkbox, you agree to the terms and conditions.
Disabled
Custom Styling
Enable notifications
You can enable or disable notifications at any time.
Form with Multiple Checkboxes
Sidebar
Select the items you want to display in the sidebar.
Selected: recents, home
API Reference
Properties
| Property | Type | Default | Description |
|---|---|---|---|
uiCheckboxChecked | boolean | false | Whether the checkbox is checked. |
uiCheckboxIndeterminate | boolean | false | Whether the checkbox is in an indeterminate state. |
uiCheckboxRequired | boolean | false | Whether the checkbox is required. |
uiCheckboxDisabled | boolean | false | Whether the checkbox is disabled. |
class | string | "" | Additional CSS classes to apply to the checkbox. |
Outputs
| Output | Type | Description |
|---|---|---|
uiCheckboxCheckedChange | boolean | Emitted when the checked state changes. |
uiCheckboxIndeterminateChange | boolean | Emitted when the indeterminate state changes. |
Built with ❤️ by @immohammadjaved • Source code available on GitHub