Typography

Heading 1

Heading 2

Heading 3

Heading 4

This is a paragraph with a link and some inline code.

This is muted text for secondary content.

Buttons

Default Primary Ghost Danger Muted Small Large Loading Disabled

Forms

Text Input

Invalid Input

Select Option 1 Option 2 Option 3

Switch

Textarea

Cards

Card Title

This is a basic card with header, body, and footer sections.

Action

Elevated Card

This card has elevation and shadow.

Simple Card

Just body content, no header or footer.

Tabs

Tab 1 Tab 2 Tab 3

Content for Tab 1. The active tab has a colored underline indicator.

Badges & Alerts

Default Success Warning Danger Info

Info: This is an informational alert message.

Success! Your action was completed successfully.

Table

Name	Email	Status	Action
John Doe	john@example.com	Active	Edit
Jane Smith	jane@example.com	Pending	Edit
Bob Johnson	bob@example.com	Inactive	Edit

Progress & Stepper

Progress Bar (60%)

Stepper

Account Setup

Profile Info

Preferences

Complete

Empty State

No Users Found

Start by adding your first user to the system.

Add User

Grid Layout

Grid Item 1

Grid Item 2

Grid Item 3

Grid Item 4