Skip to content

Run log row

A failed run opens its error in place, so you keep your spot.

Use it when

  • People scan a list of runs: status, name, time, duration.
  • A failure needs its error. A failed row opens its error in place.

Don’t use it when

  • People read rows across columns or sort them. Use Data table, at 28px.
  • The row is a file. Use Attachment row.

The rule it follows

  • Status labels name the state.

    Check: No status label has a subject.

All 3 principles

Before and after

passedtrial_balance_monthly.csv
passedsupplier_invoices_fy2026_h1.csv
passedtrial_balance_monthly.csv
passedsupplier_invoices_fy2026_h1.csv
No header row, so its six columns can’t be matched to fields. Skipped; the other files were read.
A failed row opens to its error in place.

Install

pnpm dlx shadcn@latest add https://tabularui.com/r/run-log-row.json

Usage

import { RunLogRow } from '@/components/tabular-ui/components/product/RunLogRow'; <RunLogRow status="passed" name="stg_sap__bkpf" timestamp="14:21:02" duration="1.8s" /><RunLogRow status="failed" name="dim_accounts" timestamp="14:21:09" detail={errorText} />

Set up your app firstRun log row in Storybook