Stackable Component Library
Reference: shadcn/ui themed for Stackable
Buttons
Button variants
Button group
Toggle
Toggle group
Keyboard shortcut
Save lesson with ⌘S
Forms
Input + label
Textarea
Input group with addon
Input OTP
Checkbox
Radio group (difficulty)
Switch
Slider (lesson length, minutes)
Select (lesson type)
Native select
Field group
Used in the URL — lowercase with dashes.
Combobox (searchable select)
Command palette
Cards & Layout
Card
Item
3 screens · Master stack
Aspect ratio (16:9 lesson cover)
Separator
Above the line.
Below the line.
Scroll area
Resizable panels
Sidebar (in constrained container)
Empty state
Skeleton loading
Spinner
Navigation
Breadcrumb
Pagination
Tabs
3 screens · Greeting · Conversation · Goodbye
Navigation menu
Menubar
Overlays
Dialog
Alert dialog
Sheet
Drawer
Popover
Hover card
Tooltip
Context menu (right-click below)
Dropdown menu
Direction provider (RTL/LTR context)
Wraps subtrees that need an explicit text direction.
Feedback
Alert
Alert (destructive)
Progress
Badge
Sonner toast
Data Display
Avatar
Accordion (lesson types)
Collapsible
Calendar (publish date)
Carousel (lesson screens)
Chart (lessons per week)
Table
| Title | Type | Stage | Screens |
|---|---|---|---|
| Introduction to Social Stories | Social story | Draft | 3 |
| Greetings at school | Social story | Master | 5 |