Checkbox
Checkboxes allow users to select one or more options from a list.
import { ... } from '@ag.ds-next/react/checkbox';Usage
Checkbox components can be imported via the checkbox entrypoint in the @ag.ds-next/react package.
For example:
import { ... } from '@ag.ds-next/react/checkbox';Props
| Prop | Type | Description |
|---|---|---|
| autoFocus? | boolean | |
| checked? | boolean | |
| children? | ReactNode | |
| disabled? | boolean | |
| id? | string | |
| indeterminate? | boolean | Used to represent a group of checkboxes that has a mix of selected and unselected values. |
| invalid? | boolean | If true, the invalid state will be rendered. |
| max? | string | number | |
| maxLength? | number | |
| min? | string | number | |
| minLength? | number | |
| name? | string | |
| onBlur? | FocusEventHandler<HTMLInputElement> | |
| onChange? | ChangeEventHandler<HTMLInputElement> | |
| onFocus? | FocusEventHandler<HTMLInputElement> | |
| pattern? | string | |
| ref? | Ref<HTMLInputElement> | |
| required? | boolean | |
| size? | "sm" | "md"Default: "md" | The size of the input. |
| value? | string | number | readonly string[] |
Source
You can view the full source code for this package on Github.