React Product Card
The catalog unit for technical products: part number in mono petrol, a lifecycle badge from the exported set (ACTIVE / PREVIEW / NRND / EOL — the vocabulary of every semiconductor catalog), a key-spec list with right-aligned tabular values, a price row with volume note and stock count, and an action slot for "Add to RFQ" or datasheet links. The demo shows the three states that matter: an active part with pricing, a preview part sampling next quarter, and an EOL part pointing at its replacement.
AXM-330 SoC — Industrial
Quad Cortex-A53 application platform, silicon-proven on 16nm.
- Max frequency
- 1.2 GHz
- Package
- FCBGA-256
- Junction range
- −40…+105 °C
- Flash
- 2 MB
AXM-550 SoC — Safety
Adds a lock-step Cortex-R52 safety island with ASIL-D work products.
- Max frequency
- 1.2 GHz
- Package
- FCBGA-676
- Junction range
- −40…+125 °C
- Safety
- ASIL-D ready
AXM-110 SoC — Entry
Dual-core entry platform. Not recommended for new designs.
- Max frequency
- 800 MHz
- Package
- QFN-48
- Last-time buy
- 2027-03-31
- Replacement
- AXM-330
Installation
Usage
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| pn | string | — | Part number, mono |
| name | string | — | Product name |
| description | string | — | Two-line clamped description |
| lifecycle | 'active' \ | 'preview' \ | 'nrnd' \ |
| specs | { label, value }[] | [] | Key-spec list |
| price / priceNote | string | — | Price + volume note |
| stock | string | — | Availability line |
| footer | — | — | Action slot |
LifecycleBadge is exported standalone — use it in tables, detail headers, and comparison columns so lifecycle reads identically everywhere.