sigilUI

Pricing Card

Present a plan's price, features, and action.

@sigil-ui/componentsReact

Preview

Live preview Interactive

Import

import { PricingCard } from "@sigil-ui/components";

Usage

<PricingCard title="Team" description="For product teams" price="$29" features={["300+ components", "46 presets"]} action={<Button>Start</Button>} />

CLI

npx @sigil-ui/cli add pricing-card

Token Integration

PricingCard follows the Sigil component rules: styles resolve from var(--s-*), class names are mergeable through className, and the component is exported from @sigil-ui/components.