@docyrus/react-icon
Version:
docy-icon component for react
32 lines (31 loc) • 1.38 kB
TypeScript
import * as React from "react";
export type DocyIconSize = "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
export type DocyIconLibrary = "lucide" | "heroicons" | "tabler" | "phosphor" | "custom";
export type DocyIconAnimation = "none" | "spin" | "pulse" | "bounce";
export declare const SIZE_VALIDATION_RANGE: {
readonly min: 4;
readonly max: 200;
};
declare const iconVariants: (props?: ({
size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
animation?: "none" | "spin" | "pulse" | "bounce" | null | undefined;
lib?: "lucide" | "heroicons" | "tabler" | "phosphor" | "custom" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export type DocyIconProps = Omit<React.ComponentPropsWithoutRef<"span">, "size"> & {
name: string;
lib?: DocyIconLibrary;
size?: DocyIconSize | number;
color?: string;
animation?: DocyIconAnimation;
decorative?: boolean;
};
declare const DocyIcon: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "size"> & {
name: string;
lib?: DocyIconLibrary;
size?: DocyIconSize | number;
color?: string;
animation?: DocyIconAnimation;
decorative?: boolean;
} & React.RefAttributes<HTMLElement>>;
export { DocyIcon, iconVariants };
export default DocyIcon;