Components

Reusable, atomic UI primitives — each with a live interactive preview, prop/API table, do's and don'ts, and copyable code.

Actions

Primary CTA. Pill radius at every size, with Default and Big sizes.

Binary selection control for forms and lists.

Checkbox with hover/focus/active interaction states.

Single tab item used inside a Tab Group.

Sliding-pill tab switch for grouping related views.

Expandable/collapsible content sections.

Page-to-page navigation for long lists and tables.

Single row within a list or menu.

Compact label for status, category, or metadata.

Summary card for a course in a browsable grid.

Media card for video content with thumbnail.

Quote card for customer/parent testimonials.

Card representing a single day in a class schedule.