AI Alert

Usage

<Button variant="primary" onClick={handleClick}>
  Get Started
</Button>

Props

• variant (string) – Defines the visual style of the button. Options: 'primary', 'secondary', 'outline'. Default: 'primary'.
• onClick (function) – Callback function triggered when the button is clicked.
• isLoading (boolean) – If true, shows a spinner and disables the button.
• disabled (boolean) – Disables the button when set to true.
• icon (ReactNode) – Optional icon displayed before the label.

This component ensures consistency across the interface and helps maintain a clean, accessible design system.

Installation

To get started, install the core package using your preferred package manager. This will include all base components and styles needed for the design system.

npm install @lib/button