Pricing
A Pricing component from the Sigil design system.
import { Pricing } from "@sigil-ui/components";
| Prop | Type | Default | Description |
|---|
name | string | — | Plan name. |
price | string | — | Price display (e.g. "$19"). |
period | string | — | Billing period (e.g. "/mo"). |
features | string[] | — | Feature list. |
cta | ReactNode | — | CTA button content. |
highlighted | boolean | — | Highlight this card as recommended. |
| CSS Variable | Purpose |
|---|
--s-card-radius | Card radius |
--s-border-style | Border style |
--s-surface | Surface |
--s-primary | Primary |
--s-shadow-lg | Shadow lg |
--s-border | Border |
--s-text-muted | Text muted |
--s-text | Text |
--s-success | Success |