PreviewCard
A PreviewCard component from the Sigil design system.
Import
import { PreviewCard, PreviewCardTrigger, PreviewCardContent } from "@sigil-ui/components";Preview
Usage
<PreviewCard>...</PreviewCard>Sub-components
This component includes the following parts:
<PreviewCardTrigger><PreviewCardContent>
Token integration
| CSS Variable | Purpose |
|---|---|
--s-border | Border |
--s-duration-fast | Duration fast |
--s-primary | Primary |
--s-card-radius | Card radius |
--s-border-style | Border style |
--s-surface | Surface |
--s-shadow-md | Shadow md |
--s-surface-elevated | Surface elevated |
--s-text | Text |
--s-text-muted | Text muted |