NeoTerm UI

Data List

Key-value data list for detail panes and info panels.

Import

import { DataList } from "neoterm-ui";

Usage

<DataList items={[
  { label: "Status", value: "Online" },
  { label: "Uptime", value: "14d 6h 32m" },
  { label: "CPU", value: "42%", color: "var(--neon)" },
]} />

Props

PropTypeDefaultDescription
itemsDataListItem[]—Array of { label, value, color? }.
variant"inline" | "stacked""stacked"Layout direction.
separatorbooleantrueShow divider between items.