PDS proposals
← All proposals

Logs table with divider

A recipe: the PDS Logs Table pattern (Table with hasPanel, status-colored rows and the inline detail panel) with a LabeledDivider as a row.

Extends a PDS componentOpen in Storybook

proposals/LogsTableWithDivider/context.md24 lines · View on GitHub

Logs table with divider

Problem

Runtime and edge logs are a stream where it helps to mark a point in time: a day change, with a way to jump to another point in time. PDS has a Logs Table pattern but no way to put a labeled break in it.

Proposal

A recipe: the PDS Logs Table pattern (Table with hasPanel, status-colored rows and the inline detail panel) with a LabeledDivider as a row. The divider is the time-jump selector: a menu (Today, Yesterday, Last week, Last month, The very beginning) and the date picker. It adds no component. The pattern's CSS is copied from the reference checkout because the published package does not ship it.

Source

Erika, 2026-10-16: "pull in the Logs Table PDS and add a divider there as an example". Reference: patterns/tables/logs-table/ in the PDS v2 reference checkout.

Constraints

  • Tokens only; light and dark.
  • Uses the published Table and the local LabeledDivider; no new dependency.
  • The pattern's own classes (pds-logs-table, pds-logs-detail__*) are not in the published package, so they are copied as-is and listed in custom.md.

Open questions

  • Table has no row that spans its columns and no per-row "not inspectable" flag. The divider row is a workaround (see decisions.md). Does Table need a first-class separator row?