UNPKG

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
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 };