Checkbox
A Checkbox component is a UI element that allows users to select or deselect one or more options from a list. It typically appears as a small square that can be checked (ticked) or unchecked. Checkboxes are often used in forms, settings, or filters where multiple selections are needed, and they provide a clear, binary choice for users.
# Demo
Demo Coming Soon
Checkbox examples will be available soon.
# Usage
# Attributes
| Name | Type | Default | Details |
|---|---|---|---|
| id | string | Optional | You can pass id to create unique identifier. |
| className | string | ' ' | You can customise by passing tailwind classes. |
| checkClassName | string | ' ' | You can customise by passing tailwind classes. |
| labelClassName | string | ' ' | You can customise by passing tailwind classes. |
| disabled | boolean | false | You can pass disable state. |
| checked | boolean | Required | You can pass checked state. |
| onChange | (checked: boolean) => void | Required | You can get callback when checkbox state changes. |
| children | React.ReactNode | Required | Label content for the checkbox. |
| renderLabel | (children: React.ReactNode) => React.ReactNode | Optional | Custom render function for label. |
# Tags