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

Tabs

Code editor tabs with pill-style indicators, reordering, tab management, and file content preview.

Demo

Features

Pill-style active tab with inverse highlight
Dot indicators showing total tab count and position
Scroll indicators for overflowing tab bar
Tab reordering with Shift+arrow keys
Create and close tabs dynamically
Number key quick-jump (1-9)
Pinned tabs (non-closable)
Code preview with line numbers and separator

Keybindings

h/l or left/right - Switch tabs
1-9 - Jump to tab by number
n - Create new tab
w - Close current tab
H/L or Shift+arrows - Reorder tabs

Streaming Chat

AI conversation interface with streaming token output, typing indicators, and markdown rendering.

Text Area

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

On this page