Component Gallery

Visual reference of our core UI components. For interactive examples, see Storybook.

---

Buttons

Button Sizes

---

Inputs

Default Input

With ErrorPlease enter a valid email address

Disabled

---

Cards

Image Placeholder

Kids Coding Class

CodeKids Academy

$45/sessionAges 8-12

👤

Sarah Johnson

Piano Instructor

15+ years teaching experience. Specializes in classical and contemporary piano.

PianoAll Ages

---

Badges

PrimarySuccessWarningErrorInfoNeutral

Status Badges

ConfirmedPendingCancelledCompleted

---

Alerts

✓

Success!

Your booking has been confirmed.

⚠

Warning

Your session is about to expire.

✕

Error

Something went wrong. Please try again.

ℹ

Info

New features are available in your dashboard.

---

Avatar

SM

MD

LG

XL

---

Modal

Confirm Booking×

Are you sure you want to book "Kids Coding Class" for Saturday, Jan 15th at 10:00 AM?

Total: $45.00

Includes materials fee

---

Table

Activity	Date	Status	Price
Kids Coding	Jan 15, 2025	Confirmed	$45.00
Piano Lessons	Jan 18, 2025	Pending	$60.00
Art Workshop	Jan 20, 2025	Completed	$35.00

---

Select / Dropdown

Category

Select a category...▼

---

Tabs

Overview

Schedule

Reviews

Location

Tab content goes here...

---

Tooltip

Tooltip text

---

For interactive components and full documentation, visit Storybook.