@docyrus/react-button
Version:
docy-button component for react
43 lines (42 loc) • 1.97 kB
TypeScript
import * as React from "react";
import { type VariantProps } from "class-variance-authority";
export type DocyButtonVariant = "default" | "destructive" | "outline" | "secondary" | "ghost" | "link";
export type DocyButtonSize = "default" | "sm" | "lg" | "icon";
export type DocyButtonIconPosition = "left" | "right";
declare const buttonVariants: (props?: ({
variant?: "link" | "default" | "destructive" | "secondary" | "outline" | "ghost" | null | undefined;
size?: "icon" | "sm" | "lg" | "default" | null | undefined;
fullWidth?: boolean | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export type DocyButtonProps = React.ComponentPropsWithoutRef<"button"> & VariantProps<typeof buttonVariants> & {
size?: DocyButtonSize;
variant?: DocyButtonVariant;
asChild?: boolean;
loading?: boolean;
loadingText?: string;
icon?: string;
iconPosition?: DocyButtonIconPosition;
destructive?: boolean;
confirmText?: string;
confirmTimeout?: number;
fullWidth?: boolean;
};
declare const DocyButton: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
variant?: "link" | "default" | "destructive" | "secondary" | "outline" | "ghost" | null | undefined;
size?: "icon" | "sm" | "lg" | "default" | null | undefined;
fullWidth?: boolean | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
size?: DocyButtonSize;
variant?: DocyButtonVariant;
asChild?: boolean;
loading?: boolean;
loadingText?: string;
icon?: string;
iconPosition?: DocyButtonIconPosition;
destructive?: boolean;
confirmText?: string;
confirmTimeout?: number;
fullWidth?: boolean;
} & React.RefAttributes<HTMLButtonElement>>;
export { DocyButton, buttonVariants };
export default DocyButton;