Components
All 35 Sisyphos UI components, grouped by category. Click any component for live examples and the full API.
Forms & Inputs(12)
Buttons, text fields, pickers — every control your forms need.
Polymorphic, accessible button with four variants, five sizes, loading state, optional dropdown, and href support.
Text input with three variants, label tooltips, validation state, password toggle, copy-to-clipboard, character count, and a built-in formatting mask that locks the caret past fixed prefixes.
Multiline text input with auto-resize, character count, and all Input features.
Binary input with full tristate support (checked / unchecked / indeterminate), label association, semantic colors, and keyboard activation.
Toggle input for binary settings with on/off states and smooth transitions.
Single-choice picker with `RadioGroup` compound API and roving tabindex.
Dropdown picker with search, multi-select, virtualization-ready items, and full keyboard nav.
Hierarchical multi-select with checkbox cascading, mixed (partial) parent state, recursive search that auto-expands matched ancestors, and tag overflow.
Numeric input with stepper buttons, min/max clamping, precision, prefix/suffix slots, and locale-aware formatting via `Intl.NumberFormat`.
Range selector with single or dual thumbs, step snapping, marks, and keyboard arrow support.
Calendar-driven date picker with single or range mode, day / month / year views, optional time picker with configurable defaults, min/max constraints, and Turkish or English locales.
Drag-and-drop file picker with `accept` / `maxSize` / `maxFiles` validation, per-file progress and status, optional folder upload, and an async-cancellable remove hook.
Data Display(13)
Lists, cards, tables, feedback surfaces — how data shows up.
Compact element for tags, filters, and small actions. Supports icons, removable state, and color tokens.
User representation with image, initials fallback, grouping, and status indicator.
Loading indicator. Respects `prefers-reduced-motion`.
Loading placeholder matching content layout. Shimmer animation with reduced-motion support.
Standardized empty result UI with illustration slot, title, description, and action.
Inline message with semantic colors, title, description, and dismiss action.
Hierarchical navigation trail with custom separators and truncation.
Compound surface with header, body, footer slots. Elevated, outlined, and flat variants.
Collapsible panels with single or multiple expansion modes and full keyboard support.
Compound tab interface with roving tabindex, automatic activation, and vertical/horizontal orientation.
Accessible data table with sorting, row selection, expandable rows, column truncation, skeleton loading, and integrated pagination.
Touch-friendly content rotator with autoplay, indicators, keyboard navigation, and reduced-motion support.
Keyboard key + shortcut renderer. Platform-aware `mod` glyph, built-in modifier/arrow/enter aliases, outlined + soft variants.
Overlays & Feedback(7)
Popovers, dialogs, tooltips, toasts — floating UI and feedback.
Positioned hint with 12 placement options, arrow, and delay control. Uses `aria-describedby`.
Positioned floating panel for menus, forms, and custom UI. `role="dialog"` with focus management.
Menu surface with `role="menu"` + `menuitem`, arrow key nav, type-ahead, and submenu support.
Modal dialog with focus trap, scroll lock, restore-on-close, and compound header/body/footer API.
Imperative notification API (`toast.success`, `toast.error`, `toast.promise`). Differentiates `role="alert"` from `role="status"`.
Right-click menu anchored at the pointer. Portal-mounted, viewport-clamped, keyboard-navigable. Same item shape as Dropdown Menu.
Keyboard-first command palette / filterable menu. Compound API with case-insensitive substring filter, groups, and full a11y (combobox/listbox/option).
Foundation(3)
Design tokens, theme helpers, and shared primitives.
Design tokens, `applyTheme`, theme mode helpers, and the CSS variable foundation that every package builds on.
Renders children to a dedicated root outside the parent DOM tree. Used by every overlay primitive.
Label, helper text, and error slot that wraps form inputs and wires up `aria-describedby`/`aria-invalid`.