Skip to content

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.

Button

Polymorphic, accessible button with four variants, five sizes, loading state, optional dropdown, and href support.

ReactVueAngular
Input

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.

ReactVueAngular
Textarea

Multiline text input with auto-resize, character count, and all Input features.

ReactVueAngular
Checkbox

Binary input with full tristate support (checked / unchecked / indeterminate), label association, semantic colors, and keyboard activation.

ReactVueAngular
Switch

Toggle input for binary settings with on/off states and smooth transitions.

ReactVueAngular
Radio

Single-choice picker with `RadioGroup` compound API and roving tabindex.

ReactVueAngular
Select

Dropdown picker with search, multi-select, virtualization-ready items, and full keyboard nav.

ReactVueAngular
Tree Select

Hierarchical multi-select with checkbox cascading, mixed (partial) parent state, recursive search that auto-expands matched ancestors, and tag overflow.

ReactVueAngular
Number Input

Numeric input with stepper buttons, min/max clamping, precision, prefix/suffix slots, and locale-aware formatting via `Intl.NumberFormat`.

ReactVueAngular
Slider

Range selector with single or dual thumbs, step snapping, marks, and keyboard arrow support.

ReactVueAngular
DatePicker

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.

ReactVueAngular
File Upload

Drag-and-drop file picker with `accept` / `maxSize` / `maxFiles` validation, per-file progress and status, optional folder upload, and an async-cancellable remove hook.

ReactVueAngular

Data Display(13)

Lists, cards, tables, feedback surfaces — how data shows up.

Overlays & Feedback(7)

Popovers, dialogs, tooltips, toasts — floating UI and feedback.

Foundation(3)

Design tokens, theme helpers, and shared primitives.

Was this page helpful?