React Datasheet Card

Every field on this card exists because its absence generates a support ticket. An engineer with Rev B in their design folder needs to know at a glance whether this one is newer — and whether it has been superseded since.

KLV-7000 Datasheet

Production

KLV-7000-P-G-D-I

Post-quantum secure accelerator, full electrical and timing specification.

Rev
C
Released
2026-06-18
148 pagesPDF4.1 MB
Language

KLV-5000 Datasheet

Obsolete

KLV-5000-R-C-N-C

Mainstream crypto accelerator.

Rev
E
Released
2025-02-11
112 pagesPDF3.4 MB
Superseded by Rev F.Get the current revision

Installation

npx shadcn@latest add "https://kelvinui.com/registry/datasheet-card.json"

Props

PropTypeDescription
titlestringDocument title
partNumberstringThe part it describes
revisionstringCurrent revision of the primary edition
releasedstringRelease date
pages fileSize formatnumber / stringWhat you are about to download
hrefstringDownload URL
languagesDatasheetLanguage[]{ code, label, href, revision? }
supersededByFlags an out-of-date document
, , orLifecycle badge

Supersession is the field that prevents mistakes

supersededBy renders an amber banner with a direct link to the current revision. It is the single most valuable thing on the card, because the failure mode it prevents is real and expensive: someone designing against a datasheet they found through search, unaware that a timing number changed two revisions ago.

Two more details in the same spirit:

  • Per-language revisions. Translations lag. DatasheetLanguage.revision lets a German edition say it is Rev C while the Japanese edition is still Rev B, and the card warns explicitly when the selected edition trails the original. Silently serving an older translation as though it were current is worse than not translating at all.
  • preliminary is a first-class status. Advance-information datasheets carry numbers that will change. Marking them is the difference between a customer who plans for it and one who is surprised.

For a filterable library of many documents rather than a single hero download, use Resource Library; for switching between revisions of one document, Version Picker.

New components every week

Get the week's new Kelvin UI components and templates in one short email. No spam, unsubscribe anytime.