DataGrid

A definition-list grid that lays out label and value pairs, with an optional action on each row.

Import the component:

import { DataGrid } from "@o/pipeline/experimental/components/data-grid";

Usage

Examples

With row actions

Pass a React node to a row’s action prop to render an action:

<DataGrid.Row label="Phone" action={<CopyAction value="number" />}>
  {children}
</DataGrid.Row>