FormCheckboxGroup
A FormCheckboxGroup connects a CheckboxGroup to a Form component using react-hook-form.
Preview
Code
Examples
Disabled
Preview
Code
Invalid
Preview
Code
Props
Name | Type | Default |
|---|---|---|
id | string | — |
name | string | — |
onFocus | ((e: FocusEvent<Element, Element>) => void) | — |
onBlur | ((e: FocusEvent<Element, Element>) => void) | — |
onChange | ((value: string[]) => void) | — |
isDisabled | boolean | — |
onFocusChange | ((isFocused: boolean) => void) | — |
value | string[] | — |
defaultValue | string[] | — |
isReadOnly | boolean | — |
isRequired | boolean | — |
isInvalid | boolean | — |
validate | ((value: string[]) => true | ValidationError | null) | — |
validationBehavior | "native" | "aria" | 'native' |
children | ReactNode | ((values: CheckboxGroupRenderProps & { defaultChildren: ReactNode; }) => ReactNode) | — |
className | string | ((values: CheckboxGroupRenderProps & { defaultClassName: string; }) => string) | — |
style | CSSProperties | ((values: CheckboxGroupRenderProps & { defaultStyle: CSSProperties; }) => CSSProperties) | — |
slot | string | null | — |
ref | ForwardedRef<HTMLDivElement> | — |