DataList

A key-value display component for rendering structured data as a vertical label/value list. Supports configurable alignment and separator styles.

Data Displaylistkey-valuedefinitiondetails

Simple

import { SimpleDataList } from '@primstack/ui/data-list'

<SimpleDataList items={[
  { label: 'Name', value: 'John Doe' },
  { label: 'Email', value: '[email protected]' },
  { label: 'Role', value: 'Admin' },
]} />

Entity details

import { DataList } from '@primstack/ui'

<DataList
  items={[
    { label: 'Name', value: 'Alice Johnson' },
    { label: 'Email', value: '[email protected]' },
    { label: 'Role', value: 'Admin' },
  ]}
/>

Related Components

Table

Composable HTML table with theme-aware styling.

data-displaydatagrid

Card

Composable container with header, content, and footer slots.

data-displaycontainersurface