Selection Rail
Compact record rail block for queues, review flows, and master-detail operational pages.
LLM handoff
Copy a concise page brief or the full MDX source without digging through the docs shell.
Open records
Backlog
SelectionRail is a dense vertical record list for review queues and internal archives. It keeps time, count, summary, and secondary record lines in one quiet selection rhythm.
Installation
Install
Purchase access, then open /account/install to issue a registry token.Usage
import { SelectionRail } from "@/registry/swiss/blocks/selection-rail"<SelectionRail
selectedId="item-2"
items={[
{
id: "item-2",
metaStart: "9 min ago",
metaEnd: "3 images",
title: "Calendar range preview drifts from the neutral scale.",
detailLines: ["/docs/calendar", ".rdp-root"],
},
]}
/>Why This Block Exists
Review routes need a stronger baseline than generic cards. This rail keeps records compact, readable, and easy to compare while preserving a clear selected state.
Examples
Default
Open records
Backlog
In Context
Active item
The selected record should feel immediate, not hidden behind another card stack.
- Route
- /docs/blocks
- Owner
- Platform
- Updated
- March 2026
Guidance
- Use short primary summaries.
- Keep secondary lines factual: route, selector, owner, or state.
- Pair the rail with a persistent detail surface on desktop widths.
API Reference
SelectionRail
| Prop | Type | Default |
|---|---|---|
items | SelectionRailItem[] | required |
selectedId | string | null | undefined |
onSelect | (id: string) => void | undefined |
emptyState | ReactNode | undefined |
density | "compact" | "default" | "default" |
className | string | undefined |
SelectionRailItem accepts id, title, and optional metaStart, metaEnd, detailLines, status, badge, and section.