Introduction Getting Started

Agent Workflow Chat Flow Charts Code Block Code Review ColorPicker Command Palette DataTable Diff Viewer Diff Viewer (Split)Diff Viewer (Unified)Diff Viewer (Git)FilePicker Form Builder Fuzzy Finder Help Bar Intro List Log Viewer Markdown Renderer Model Benchmark Modal MultiSelect PackageManager Paginator Permission Gate Pomodoro Timer Progress Space Spinner Splash Split Panes Spring Animation Stopwatch Streaming Chat Style System System Monitor Tabs Task List TextArea TextInput Timer Token Usage Tree View Viewport

Context Window Data Table Diff Viewer Form Builder List Multi Select Paginator Permission Prompt Progress Select Stopwatch Streaming Chat Tabs Text Area Text Input Timer Tool Call

ComponentsModern

Text Input

Account creation form with guide-bar flow, echo modes, tab completion, cursor editing, and inline validation.

Demo

Features

Clack-style guide bar with progressive disclosure
4 echo modes: normal, password (masked), none (hidden)
Tab completion with inline ghost suggestions
Cursor editing with blinking caret
Per-field character limits with counter
Inline validation with error messages
Progress diamonds showing completed fields
Submitted state with summary card

Keybindings

tab / shift+tab - Navigate between fields
enter - Accept suggestion or advance
left/right - Move cursor
Ctrl+A / Ctrl+E - Jump to start/end
backspace / delete - Delete characters

Text Area

Code editor with gutter line numbers, blinking cursor, auto-indent, and status bar showing position and file metrics.

Timer

Multi-timer dashboard with color-shifting progress bars, time adjustment controls, and batch start/stop.

On this page