portal card list
key/value rows displayed inside a PortalCard. the canonical klera pattern for static record-style data — "here are the facts about this thing." lifted from the patient app's prescriptionList + prescriptionListRow.
rows are transparent — the bright PortalCard surface behind them provides the contrast. each row is separated by a thin horizontal rule. the list reaches edge-to-edge of its parent card.
when to use which list primitive: PortalCardList for static records (this page). StatusRow for activity feeds / queue items. DataTable for wide multi-column tabular data with sortable columns.
import from @klera/ui/components/dashboard/PortalCardList
variants
ozempic
what the patient app's prescription vial card uses today.
patient details
5-row record. would sit on a provider-side patient detail page.
order summary
short list, fluid width — the card stretches to its container.