EntityCard

A notes grid card: a bordered white card with an author row (avatar + name), a title, a clamped 3-line excerpt, and a footer row (avatar + name … right-aligned date). The whole card is a button, so it's clickable and keyboard-focusable. Drop it in a CSS grid for the gallery layout.

A measured, purpose-built notes card, not a generic Card — reach for Card directly if you don't need this exact author/excerpt/footer shape.

Installation

npm install @crisp-ui-kit/crisp

Usage

import { EntityCard } from "@crisp-ui-kit/crisp";

<EntityCard
  author={<><Avatar name="Moon" size="sm" /> moon</>}
  title="Kickoff notes"
  excerpt="Discussed the Q3 roadmap and pricing changes…"
  footer={<><Avatar name="Moon Moon" size="sm" /> moon moon</>}
  date="Aug 27, 2026"
  onClick={() => open(id)}
/>;

Props