Components
Every component page includes live demos, props, public anatomy, and component tokens.
Stacked, collapsible disclosure sections.
Inline status message with variant and dismiss.
User image with initials fallback.
Compact status chip.
Semantic long-form quotation.
Action with variants, sizes, icons, and loading.
Full month-grid surface with per-day content.
The signature pillowy surface.
Swipeable slide track.
Boolean choice with indeterminate.
Copy-to-clipboard field.
Single show/hide region.
Token-backed inline code.
Area + channel color selection.
Autocomplete text + listbox.
Right-click menu surface.
Sortable data grid via TanStack table.
Calendar date selection.
Modal translucent panel.
Edge-anchored sliding panel.
Click-to-edit inline text.
Drag-and-drop file input.
Draggable floating surface.
Titles whose rank and visual size stay independent.
Rich preview on hover.
Labeled text input with left/right content and password controls.
Semantic keyboard-input label.
Selectable option list.
Continuous scrolling ticker.
Dropdown command menu.
Multi-column nav flyouts.
Stepper numeric field.
Page navigation control.
One-character-per-box code input.
Floating panel anchored to a trigger.
Determinate / indeterminate progress.
Single choice among options.
Star rating input.
Custom-scrollbar scrollable viewport.
Single-select sliding segments.
Single / multi dropdown select.
Draw-to-sign canvas.
Single or range slider.
Indeterminate loading indicator.
Resizable split panes.
Multi-step progress indicator.
Smooth on/off toggle.
Tabbed navigation.
Token / chip text entry.
Body copy with a neutral emphasis ladder.
Multiline text input.
Time selection control.
Transient notifications.
Pressable two-state button.
Grouped toggles.
Floating label on hover/focus.
Guided product walkthrough.
Nested expandable tree.
Start with Getting Started. For styling, use the plain CSS or Tailwind guide.
Last updated