@mantine/core
Version:
React components library focused on usability, accessibility and developer experience
30 lines (29 loc) • 1.25 kB
TypeScript
import { Factory, MantineSize } from '../../../core';
import { InputWrapperProps, InputWrapperStylesNames } from '../../Input';
export type CheckboxGroupStylesNames = InputWrapperStylesNames;
export interface CheckboxGroupProps extends Omit<InputWrapperProps, 'onChange'> {
/** `Checkbox` components and any other elements */
children: React.ReactNode;
/** Controlled component value */
value?: string[];
/** Default value for uncontrolled component */
defaultValue?: string[];
/** Called with an array of selected checkboxes values when value changes */
onChange?: (value: string[]) => void;
/** Props passed down to the root element (`Input.Wrapper` component) */
wrapperProps?: Record<string, any>;
/** Controls size of the `Input.Wrapper`, `'sm'` by default */
size?: MantineSize | (string & {});
/** If set, value cannot be changed */
readOnly?: boolean;
}
export type CheckboxGroupFactory = Factory<{
props: CheckboxGroupProps;
ref: HTMLDivElement;
stylesNames: CheckboxGroupStylesNames;
}>;
export declare const CheckboxGroup: import("../../../core").MantineComponent<{
props: CheckboxGroupProps;
ref: HTMLDivElement;
stylesNames: CheckboxGroupStylesNames;
}>;