Card Cell
Place content in a bordered cell aligned to the page grid.
Preview
Import
import { CardCell } from "@sigil-ui/components";Usage
<CardCell>
CardCell content
</CardCell>Props
| Prop | Type | Default | Description |
|---|---|---|---|
title | ReactNode | — | Card title (rendered with font-display). |
footer | ReactNode | — | Footer content (rendered in a mono strip with border-t). |
href | string | — | Make the card clickable as a link. |
padding | string | var(--s-card-padding, 16px) | Padding override. |
Token integration
| CSS Variable | Purpose |
|---|---|
--s-card-padding | Card padding |
--s-background | Background |
--s-font-display | Font display |
--s-text | Text |
--s-text-muted | Text muted |
--s-border | Border |