Skip to main content

CarCard

packages/mobility/components/molecules/CarCard.js · Tier: molecule · Module: mobility · Rendering: Server Component

Purpose​

A compact, purely presentational card showing one of the user's registered cars: the license plate, an optional nickname, a brand/model subtitle, and an optional "added at" footer.

Props​

PropTypeRequiredDefaultDescription
car{ id, licensePlate, nickname?, brand?, model?, createdAt? }yes—The registered car.
addedAtLabelstringyes—Label for the added-at footer.
formattedAddedAtstringno—Preformatted added-at date; when present, renders the footer.

Composition​

  • Uses: atoms/core/Icon (directions_car, event_available).
  • Used by: organisms/mobility/CarsPanel.

Internationalisation​

addedAtLabel + preformatted date supplied (localized) by the caller.

Accessibility​

Presentational <article> with truncated secondary fields.

Styling & tokens​

bg-surface-container-lowest, border-outline-variant, rounded-md, bg-primary/10 icon badge.

organisms/mobility/CarsPanel, molecules/mobility/AddCarModal.