Variable buttonVariantsConst

buttonVariants: TVReturnType<
    {
        size: {
            default: string;
            icon: string;
            lg: string;
            navCenter: string;
            navSide: string;
            sm: string;
        };
        variant: {
            default: string;
            destructive: string;
            ghost: string;
            link: string;
            navCenter: string;
            navSide: string;
            outline: string;
            secondary: string;
        };
    },
    undefined,
    "inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap transition-all duration-200 focus-visible:ring-1 focus-visible:ring-primary focus-visible:outline-hidden active:scale-[0.97] disabled:pointer-events-none disabled:opacity-50",
    {
        size: {
            default: string;
            icon: string;
            lg: string;
            navCenter: string;
            navSide: string;
            sm: string;
        };
        variant: {
            default: string;
            destructive: string;
            ghost: string;
            link: string;
            navCenter: string;
            navSide: string;
            outline: string;
            secondary: string;
        };
    },
    undefined,
    TVReturnType<
        {
            size: {
                default: string;
                icon: string;
                lg: string;
                navCenter: string;
                navSide: string;
                sm: string;
            };
            variant: {
                default: string;
                destructive: string;
                ghost: string;
                link: string;
                navCenter: string;
                navSide: string;
                outline: string;
                secondary: string;
            };
        },
        undefined,
        "inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap transition-all duration-200 focus-visible:ring-1 focus-visible:ring-primary focus-visible:outline-hidden active:scale-[0.97] disabled:pointer-events-none disabled:opacity-50",
        unknown,
        unknown,
        undefined,
    >,
> = ...

const className = buttonVariants({ variant: "outline", size: "lg" });
Copy