wass-rct-ui/dist/components/Button.d.ts

A lightweight and customizable WASS Rct UI component library for modern web applications.

/**
 * @file wass-rct-ui
 * @description A reusable Button component with various styles, icon support, and dynamic rendering.
 * @author Web Apps
 * @copyright © 2024
 * @license MIT
 * @repository https://github.com/WebAppSoftNK/wass-rct-ui
 */
import * as React from "react";
import { ElementType, MouseEvent } from "react";
import { AlignmentType, ButtonColorType, ButtonType, SizeType } from "../types";
export interface ButtonProps {
    keyId?: string | number;
    label?: string | number;
    iconAlignment?: AlignmentType;
    iconName?: string;
    iconSize?: number;
    iconColor?: string;
    colorVariant?: ButtonColorType;
    sizeVariant?: SizeType;
    fullWidth?: boolean;
    outlined?: boolean;
    inverted?: boolean;
    rounded?: boolean;
    hovered?: boolean;
    focused?: boolean;
    isStatic?: boolean;
    active?: boolean;
    loading?: boolean;
    disabled?: boolean;
    dark?: boolean;
    light?: boolean;
    skeleton?: boolean;
    responsive?: boolean;
    onClick?: (event: MouseEvent<HTMLButtonElement | HTMLAnchorElement | HTMLInputElement>) => void;
    type?: ButtonType;
    as?: ElementType;
    href?: string;
    className?: string;
}
declare const Button: React.FC<ButtonProps>;
export default Button;