Checkbox
Flebee UI exports 2 components:
- BeeCheckbox: The main component to display a checkbox.
- BeeCheckboxGroup: A wrapper component to display a group of checkbox.
Import Checkbox
import { BeeCheckbox } from '@flebee/ui/checkbox';Usage Checkbox
Playground
Settings
indeterminate
invalid
disabled
Checkbox Properties
| Properties | Type | Default |
|---|---|---|
| size | sm | md | lg | md |
| indeterminate | boolean | false |
| disabled | boolean | false |
| checked | boolean | false |
| invalid | boolean | false |
Import Checkbox Group
import { BeeCheckbox, BeeCheckboxGroup } from '@flebee/ui/checkbox';Usage Checkbox Group
Checkbox Group Properties
| Properties | Type | Default |
|---|---|---|
| orientation | vertical | horizontal | vertical |
| size | sm | md | lg | md |
| disabled | boolean | false |
| invalid | boolean | false |
| description | string | TemplateRef | |
| errorMessage | string | TemplateRef | |
| label | string | TemplateRef | |
| value | string[] | |