@penaprieto/design-system/dist/components/Button/Button.d.ts

Multi-brand React design system with design tokens from Figma

import React from 'react';
import './Button.css';
/**
 * Button component for the Design System.
 * Supports variants, sizes, loading, icons, accessibility, and full theming via CSS variables.
 */
export type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'ghost';
export type ButtonSize = 'large' | 'medium' | 'small';
export type ButtonShape = 'default' | 'icon' | 'pill' | 'square';
export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
    variant?: ButtonVariant;
    size?: ButtonSize;
    shape?: ButtonShape;
    loading?: boolean;
    iconLeft?: React.ReactNode;
    iconRight?: React.ReactNode;
    'aria-label'?: string;
    disabled?: boolean;
    fullWidth?: boolean;
    className?: string;
    children?: React.ReactNode;
}
export declare const Button: React.FC<ButtonProps>;
//# sourceMappingURL=Button.d.ts.map