react-action-button
Version:
A customizable button component for React with support for various styles, sizes, and social media icons. Includes built-in loading state and easy integration with Tailwind CSS. Perfect for use in forms, actions, and social login buttons with configurable
51 lines (48 loc) • 1.39 kB
text/typescript
import * as react_jsx_runtime from 'react/jsx-runtime';
import React, { JSX } from 'react';
import { ClassValue } from 'clsx';
declare function cn(...inputs: ClassValue[]): string;
declare enum ButtonVariants {
none = "none",
default = "default",
primary = "primary",
secondary = "secondary",
danger = "danger",
accent = "accent",
ghost = "ghost",
link = "link"
}
declare enum ButtonTypes {
button = "button",
submit = "submit",
reset = "reset"
}
declare enum SocialVariants {
none = "none",
facebook = "facebook",
instagram = "instagram",
google = "google",
linkedin = "linkedin",
twitter = "twitter",
github = "github"
}
declare enum ButtonSizes {
small = "small",
medium = "medium",
large = "large"
}
interface ActionButtonProps {
children: React.ReactNode;
className?: string;
platform?: SocialVariants;
variant?: ButtonVariants;
outline?: boolean;
loading?: boolean;
type?: ButtonTypes;
size?: ButtonSizes;
loadingText?: string;
loadingIcon?: JSX.Element;
onClick?: () => void;
}
declare function ActionButton({ children, className, platform, variant, outline, loading, type, size, loadingText, loadingIcon, onClick, }: ActionButtonProps): react_jsx_runtime.JSX.Element;
export { ActionButton, ButtonSizes, ButtonTypes, ButtonVariants, SocialVariants, cn };