@kloudlite/design-system/atoms/chips.d.ts

A design system for building ambitious products.

import React, { ReactElement, ReactNode } from 'react';
type ChipTypes = 'BASIC' | 'REMOVABLE' | 'CLICKABLE' | 'SM' | (string & NonNullable<unknown>);
type ItemType = any;
interface IChip {
    item: ItemType;
    label: ReactNode;
    disabled?: boolean;
    type?: ChipTypes;
    onRemove?: (item: ItemType, isKeyBoard?: boolean) => void;
    prefix?: JSX.Element | string | null;
    onClick?: (item: ItemType) => void;
    loading?: boolean;
    isInGroup?: boolean;
}
interface IChipGroup {
    onClick?: (item: ItemType) => void;
    onRemove?: (item: ItemType) => void;
    children: ReactElement | ReactElement[];
    className?: string;
}
export declare const Chip: React.ForwardRefExoticComponent<IChip & React.RefAttributes<HTMLButtonElement>>;
export declare const ChipGroup: ({ onClick, onRemove, children, className, }: IChipGroup) => import("react/jsx-runtime").JSX.Element;
declare const Chips: {
    ChipGroup: ({ onClick, onRemove, children, className, }: IChipGroup) => import("react/jsx-runtime").JSX.Element;
    Chip: React.ForwardRefExoticComponent<IChip & React.RefAttributes<HTMLButtonElement>>;
};
export default Chips;