# DataRow

> Generic row for narrow lists (settings, audit).

- **Level**: molecule · **Status**: stable · **Role**: content
- **Import**: `import { DataRow } from "@rrios-forge/ui/molecules/data-row";`
- **Source**: `packages/ui/src/molecules/data-row`

Single row inside a list / pseudo-table: leading · (title + description) · columns · status · action. Renders <div role="row"> so it composes inside non-table hosts. Two densities. Patterns consulted: Patterns/Density & Growth · DensityLevels + ContentGrowth.

## Use it for

- Property list / data row / list item → `PropertyList` / `DataRow` / `ListItem`

## Axes

| Axis | Part | Values | Default | Meaning |
|---|---|---|---|---|
| `selected` | — | `true` `false` | `false` | Chosen in a set: the selected wash plus a non-colour cue (weight, check). |
| `interactive` | — | `true` `false` | `false` | Responds to the pointer: hover and press feedback, a pointer cursor. |

## Stories

- [Playground](/?path=/story/components-molecules-datarow--playground) · frame: `/iframe.html?id=components-molecules-datarow--playground&viewMode=story`
- [With columns](/?path=/story/components-molecules-datarow--with-columns) · frame: `/iframe.html?id=components-molecules-datarow--with-columns&viewMode=story`
- [With status](/?path=/story/components-molecules-datarow--with-status) · frame: `/iframe.html?id=components-molecules-datarow--with-status&viewMode=story`
- [Selected](/?path=/story/components-molecules-datarow--selected) · frame: `/iframe.html?id=components-molecules-datarow--selected&viewMode=story`
- [Dense dataset](/?path=/story/components-molecules-datarow--dense-dataset) · frame: `/iframe.html?id=components-molecules-datarow--dense-dataset&viewMode=story`
- [With actions](/?path=/story/components-molecules-datarow--with-actions) · frame: `/iframe.html?id=components-molecules-datarow--with-actions&viewMode=story`

## Always

- Tokens only (R04); variants are semantic axes, never appearance (R02).
- Typography and actions are Poesía atoms, never raw HTML with utilities.
- Vibrant panes need a ground and never nest (ADR-027).