@undp/design-system-react/dist/CheckboxGroup.d.ts

React based design system for UNDP

import { Checkbox } from 'radix-ui';
import { default as default_2 } from 'react';

export declare const CheckboxGroup: default_2.ForwardRefExoticComponent<CheckboxGroupProps & default_2.RefAttributes<HTMLDivElement>>;

export declare const CheckboxGroupItem: default_2.ForwardRefExoticComponent<CheckboxGroupItemProps & default_2.RefAttributes<HTMLButtonElement>>;

declare interface CheckboxGroupItemProps extends Omit<default_2.ComponentPropsWithoutRef<typeof Checkbox.Root>, 'value'> {
    label?: string;
    labelClassName?: string;
    checkBoxClassName?: string;
    checkIconClassName?: string;
    value: string;
}

declare interface CheckboxGroupProps extends Omit<default_2.HTMLAttributes<HTMLDivElement>, 'onValueChange'> {
    defaultValue?: string[];
    value?: string[];
    onValueChange?: (value: string[]) => void;
    color?: 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'foreground' | undefined;
    rounded?: 'base' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';
    variant?: 'light' | 'normal' | undefined;
}

export { }


declare namespace BreadcrumbSeparator {
    var displayName: string;
}


declare namespace BreadcrumbEllipsis {
    var displayName: string;
}


declare namespace DialogHeader {
    var displayName: string;
}


declare namespace DialogFooter {
    var displayName: string;
}


declare namespace PaginationUnit {
    var displayName: string;
}


declare namespace PaginationLink {
    var displayName: string;
}


declare namespace PaginationPrevious {
    var displayName: string;
}


declare namespace PaginationNext {
    var displayName: string;
}


declare namespace PaginationEllipsis {
    var displayName: string;
}