@helpwave/hightide
Version:
helpwave's component and theming library
25 lines (22 loc) • 890 B
TypeScript
import * as react_jsx_runtime from 'react/jsx-runtime';
import { HTMLProps, PropsWithChildren, ReactNode } from 'react';
type ChipColor = 'default' | 'dark' | 'red' | 'yellow' | 'green' | 'blue' | 'pink';
type ChipVariant = 'normal' | 'fullyRounded';
type ChipProps = HTMLProps<HTMLDivElement> & PropsWithChildren<{
color?: ChipColor;
variant?: ChipVariant;
trailingIcon?: ReactNode;
}>;
/**
* A component for displaying a single chip
*/
declare const Chip: ({ children, trailingIcon, color, variant, className, ...restProps }: ChipProps) => react_jsx_runtime.JSX.Element;
type ChipListProps = {
list: ChipProps[];
className?: string;
};
/**
* A component for displaying a list of chips
*/
declare const ChipList: ({ list, className }: ChipListProps) => react_jsx_runtime.JSX.Element;
export { Chip, type ChipColor, ChipList, type ChipListProps, type ChipProps };