@fchh/fcos-suite-ui
Version:
Reusable UI components based on React and TailwindCSS for the Fab City OS Suite (initially funded by the Interfacer EU project).
37 lines (36 loc) • 996 B
TypeScript
type PillType = "success" | "danger" | "warning" | "info" | "dark" | "default" | "purple" | "pink" | "white";
type BaseProps = {
title: string;
rounded?: boolean;
size: "sm" | "lg";
className?: string;
color?: string;
};
type TypeOrCustom = {
type?: never;
customBgColor: string;
} | {
type: PillType;
customBgColor?: never;
};
type HrefOrOnClick = {
href?: string;
onClick?: never;
newTab?: boolean;
} | {
href?: never;
onClick?: () => void;
newTab?: never;
};
type onIconClickOrNot = {
icon?: React.ReactNode;
onIconClick?: () => void;
iconRight?: boolean;
} | {
icon?: never;
onIconClick?: never;
iconRight?: never;
};
export type PillProps = BaseProps & HrefOrOnClick & onIconClickOrNot & TypeOrCustom;
export declare function Pill({ type, href, title, icon, iconRight, rounded, size, newTab, onClick, onIconClick, className, customBgColor, }: PillProps): import("react/jsx-runtime").JSX.Element;
export {};