Modern React Template - v0.0.10
    Preparing search index...

    Button Component

    An accessible, keyboard-navigable button component following WCAG 2.2 AA guidelines.

    Features:

    • Keyboard accessible (Enter, Space)
    • Screen reader friendly with proper ARIA attributes
    • Supports disabled state with appropriate styling
    • Uses design tokens for colors (no hardcoded values)
    • Forwards ref for parent access
    • No inline event handlers (uses useCallback)
    <Button variant="primary" onClick={handleClick}>
    Click me
    </Button>
    interface ButtonProps {
        fullWidth?: boolean;
        size?: "sm" | "md" | "lg";
        variant?: "primary" | "secondary" | "accent" | "danger";
    }

    Hierarchy

    • ButtonHTMLAttributes<HTMLButtonElement>
      • ButtonProps
    Index

    Properties

    fullWidth?: boolean
    size?: "sm" | "md" | "lg"
    variant?: "primary" | "secondary" | "accent" | "danger"