build69
build69  /  Components  /  Data Display  /  PinCard

PinCard

v1.0.7Updated 27 Aug 2026

Pinned-content card for dashboards or "My day" — shows a snippet, quick action, and dismiss / pin affordance.

Preview

Live · 13 stories
DefaultOpen ↗
Why this is recommendedpincarddashboardsnippet+1

The default, out-of-the-box PinCard.

Recommended for+14
  • Dashboard pinned content
  • MyDay page tiles
Tags+6
pincarddashboardsnippetdefault
Features+4
  • Title + body snippet
  • Pin / unpin affordance
  • Quick action button
  • Optional avatar / icon
  • i18n: labels prop overrides chips/menu/toggle strings; tooltip timestamps format via LocaleProvider (DEFAULT_PIN_CARD_LABELS)
Not recommended for−2
  • Detail data (use KVList)
  • Stats (use StatCard)

Install

Ask your agent, or call the MCP tool directly. The resolved bundle is written into your project.

get_registry_item({ name: "PinCard" })

Usage

import { PinCard } from '@/components/data-display/pin-card';

<PinCard title="Today's standup" pinned />

Tick variants in the left menu — each adds a tab with that variant’s real story source, the same code the preview above renders.

Props

PropTypeRequired
title

Pin title

stringyes
pinned

Pinned state

boolean
labels

Override built-in UI strings (priority/Snoozed chips, kebab menu items, Show more/less, '{date} at {time}' tooltip template) for i18n; English defaults exported as DEFAULT_PIN_CARD_LABELS. Tooltip timestamps format via LocaleProvider (Buddhist-calendar aware)

Partial<PinCardLabels>

Related