component
TuxRecordHighlights
Pinned entity summary bar inspired by Salesforce SLDS 2 Record Highlights Panel and Shopify Polaris Page Headers. Grounds the top of detail records, research corridors, and data monitoring views with title, status badge, and key operational KPI metric chips.
transportation entity view
Research Corridor Highlights
Combines entity classification, title, live status badge, primary action buttons, and a 6-metric KPI strip.
Research Program // CAV-04
I-35 Connected Corridors Initiative
STREAM ACTIVE
Active Sensors
248+14%
Stream Latency
18ms-2ms
Review Cadence
90 Days
Data Quality
99.4%
Ingest Rate
52 kHz
Lead Investigator
Dr. K. Higgins
<TuxRecordHighlights
title="I-35 Connected Corridors Initiative"
eyebrow="Research Program // CAV-04"
icon="lucide:radio-tower"
:items="items"
>
<template #badge>
<TuxBadge tone="success" dot>STREAM ACTIVE</TuxBadge>
</template>
<template #actions>
<TuxButton intent="ghost" size="sm" icon="lucide:share-2">Share</TuxButton>
<TuxButton intent="primary" size="sm" icon="lucide:sliders">Configure Corridor</TuxButton>
</template>
</TuxRecordHighlights>