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:
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.
- Shell — a dashboard frame that hands its body the content box it has to fill.
Data
Structured data display.
- Table — columns and rows of text.
- DataTable — a table with a cursor, a viewport and a sort.
- Sparkline — a time series in one line.
- BarChart — labelled bars on one shared scale.
- Meter — a bare gauge for a single ratio.
- Trend — a value and its direction of travel.
- DetailList — aligned label/value pairs.
- StatusGrid — a dense grid of status cells.
- QRCode — a scannable QR block.
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.