@prokodo/ui
Version:
UI components for production-grade Next.js + Headless CMS (Strapi, Contentful, Headless WordPress) websites by prokodo – built for Core Web Vitals & SEO.
18 lines (17 loc) • 663 B
TypeScript
import type { Variants } from "@/types/variants";
import type { MouseEvent, KeyboardEvent, ReactNode, KeyboardEventHandler } from "react";
export type ChipVariant = "filled" | "outlined";
export type ChipColor = Variants;
export interface ChipProps {
icon?: ReactNode;
label: ReactNode;
variant?: ChipVariant;
color?: ChipColor;
className?: string;
onDelete?: (e: MouseEvent<HTMLButtonElement>) => void;
onClick?: (e: MouseEvent<HTMLDivElement>) => void;
onKeyDown?: (e: KeyboardEvent<HTMLDivElement>) => void;
}
export type ChipViewProps = Omit<ChipProps, "onKeyDown"> & {
onKeyDown?: KeyboardEventHandler<HTMLDivElement>;
};