PricingCard

Cenová karta kombinující Button, Tag a Progress s feature listem a destacovaným plánem

Installation

pnpm dlx shadcn@latest add https://registry.ceskysoftware.cz/r/pricing-card.json

Usage

Preview

Starter
0/měsíc

Ideální pro osobní projekty

  • 5 projektů
  • 1 GB úložiště
  • API přístup
Nejpopulárnější
Pro
299/měsíc
  • Neomezené projekty
  • 50 GB úložiště
  • Prioritní podpora
  • Vlastní domény
65 % využito
Pro firmy
Enterprise
999/měsíc
  • Vše v Pro
  • SSO / SAML
  • Dedikovaná podpora
  • SLA 99.9 %
30%

Import

import { PricingCard } from "@/components/ui/pricing-card"

Example

<PricingCard name="Pro" price={299} currency="Kč" highlighted color="primary" badge="Nejpopulárnější" features={[ { label: "Neomezené projekty", included: true }, { label: "50 GB úložiště", included: true }, { label: "API přístup", included: true }, { label: "Vlastní domény", included: false }, ]} usageValue={65} usageLabel="Kapacita" ctaLabel="Vyzkoušet Pro" />

Dependencies

https://registry.ceskysoftware.cz/r/utils.json (registry)https://registry.ceskysoftware.cz/r/button.json (registry)https://registry.ceskysoftware.cz/r/tag.json (registry)https://registry.ceskysoftware.cz/r/progress.json (registry)