@start-base/react-form-elements/CheckboxCards/index.d.ts

Simplify form elements and form management. Selection of user friendly inputs and wide customization abilities to match your design and functionality.

import React from 'react';
import { FieldError } from 'react-hook-form';

interface Option {
    value: string | number;
    label: string | React.ReactNode;
}
interface CheckboxCardsProps {
    name: string;
    onChange: (event: {
        target: {
            name: string;
            value: (string | number)[];
        };
    }) => void;
    value?: (string | number)[];
    options: Option[];
    label?: string | React.ReactNode | null;
    inputClassName?: string | null;
    cardClassName?: string | null;
    labelClassName?: string | null;
    optionLabelClassName?: string | null;
    errorClassName?: string | null;
    direction?: 'row' | 'column';
    hideInput?: boolean;
    disabled?: boolean;
    error?: boolean | string | {
        message?: string;
    } | null | undefined | FieldError;
}
declare const CheckboxCards: React.ForwardRefExoticComponent<CheckboxCardsProps & React.RefAttributes<HTMLInputElement>>;

export { type CheckboxCardsProps, CheckboxCards as default };