infinity-ui-elements
Version:
A React TypeScript component library with Tailwind CSS design system
22 lines • 1.18 kB
TypeScript
import * as React from "react";
import { type IconName } from "../../lib/icons";
declare const iconButtonVariants: (props?: ({
color?: "info" | "white" | "primary" | "positive" | "negative" | "notice" | "neutral" | null | undefined;
size?: "medium" | "large" | "small" | "xsmall" | null | undefined;
isLoading?: boolean | null | undefined;
isDisabled?: boolean | null | undefined;
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
export interface IconButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "color"> {
color?: "primary" | "positive" | "negative" | "notice" | "info" | "neutral" | "white";
size?: "xsmall" | "small" | "medium" | "large";
isLoading?: boolean;
isDisabled?: boolean;
asChild?: boolean;
/** Icon name from the icon registry */
icon?: IconName;
/** Custom icon element (ReactNode) - alternative to icon prop */
iconElement?: React.ReactNode;
}
declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
export { IconButton, iconButtonVariants };
//# sourceMappingURL=IconButton.d.ts.map