Card
Compound surface with header, body, footer slots. Elevated, outlined, and flat variants.
Preview
example.tsxtsx
Monthly report
Updated 2 hours ago · 24 pages
Summary of all platform events and metrics for the past 30 days, with comparisons to the previous period.
Installation
Install the individual package:
snippet.bashbash
pnpm add @sisyphos-ui/card @sisyphos-ui/coreOr use the umbrella package that bundles everything:
snippet.bashbash
pnpm add @sisyphos-ui/uiUsage
Import the component styles and the component itself:
snippet.tsxtsx
import "@sisyphos-ui/card/styles.css";
import { Card } from "@sisyphos-ui/card";API
Props table is being written. See the package README for the complete API surface.
The full API including refs, ARIA attributes, and HTML passthroughs lives in the package README.