Components
The themed component library (@sigx/terminal-ui, re-exported from @sigx/terminal) covers the building blocks of a TUI, grouped by role. Every component is token-themed — colors resolve against the active theme (see Theming) — and the interactive ones plug into the focus and layered key dispatch model.
Import any component from the umbrella:
/** @jsxImportSource @sigx/terminal */
import { Input, Select, Spinner, Table, Gradient } from '@sigx/terminal';Terminal components render to ANSI lines in a real terminal, so the examples on these pages are shown as code rather than live in-browser previews. Run them with a TSX-capable runner or under dev mode.
Forms
Focusable input widgets with two-way model binding.
- Input — single-line text field.
- TextArea — growing multi-line editor.
- Checkbox — boolean toggle.
- Confirm — inline yes/no.
- Select — single-choice menu.
- Radio — always-visible single-choice group.
- MultiSelect — checkbox list with grouping.
Feedback
Status and progress indicators.
- ProgressBar — determinate progress, with gradient variants.
- Spinner — animated activity indicator.
- Badge — a small labelled tag.
Navigation
Switchers, footers and popups.
- Tabs — horizontal tab switcher.
- StatusBar — keyed status chips.
- KeyHints — a key-shortcut footer.
- SuggestionList — an intellisense-style popup.
Layout
Structural containers (the neutral primitives Box, Row, Col, Spacer, Divider are covered in Layout & Styling).
- Card — a titled panel.
Data
Structured data display.
Effects
Decorative text rendering.
- Gradient — multi-stop colored text.
- Shimmer — an animated highlight sweep.
- Banner — large block-font headings.
- PixelArt — palette-mapped pixel grids.
Tasks
Logs and pipeline status.