checked | boolean | (optional) Determine whether the checkbox is checked or not. The default is false. |
title | ReactNode | (optional) The title of the input - describing it a bit further for accessibility reasons. |
label | ReactNode | (optional) Use either the label property or provide a custom one. |
labelPosition | string | (optional) Defines the position of the label. Use either left or right. Defaults to right. |
labelSrOnly | string | (optional) Use true to make the label only readable by screen readers. |
size | string
number | (optional) The size of the checkbox. For now there is "medium" (default) and "large". |
indeterminate | boolean | (optional) Controls the checkbox indeterminate (partial) state. |
status | string | (optional) Text with a status message. The style defaults to an error message. You can use true to only get the status color, without a message. |
statusState | error
info | (optional) Defines the state of the status. Currently, there are two statuses [error, info]. Defaults to error. |
statusProps | FormStatusProps | (optional) Use an object to define additional FormStatus properties. See FormStatus |
globalStatus | object | (optional) The configuration used for the target GlobalStatus |
skeleton | boolean | (optional) If set to true, an overlaying skeleton with animation will be shown. |
suffix | ReactNode | (optional) Text describing the content of the Checkbox more than the label. You can also send in a React component, so it gets wrapped inside the Checkbox component. |
innerRef | React.Ref | (optional) By providing a React.ref we can get the internally used input element (DOM). E.g. innerRef={myRef} by using React.createRef() or React.useRef(). |
Space | string
object | (optional) Spacing properties like top or bottom are supported. |