Components
Ace Pricing
Pricing cards with lucide-react check icons, plan details, and action buttons
Ace Pricing
Pricing cards with lucide-react check icons, plan details, and action buttons.
Preview
Loading preview...
Installation
Terminal
$npx shadcn@latest add @vandoko/ace-pricingUsage
import { Pricing } from "@/components/vandoko/ace-pricing";
export default function Page() {
return <Pricing />;
}Features
- Icon support -- Lucide React icons for clean, consistent iconography
- Responsive -- Adapts to all screen sizes
- Semantic tokens -- Uses oklch design tokens for Vandoko brand consistency
Props
5 props
| Prop | Type | Default | Description |
|---|---|---|---|
className | string | — | - |
heading | string | — | - |
subheading | string | — | - |
description | string | — | - |
cards | AcePricingCardData[] | — | - |
Dependencies
lucide-react
Lineage
| Property | Value |
|---|---|
| Source | @aceternity/pricing |
| Version | 1.0.0 |
| Curated | 2026-03-26 |
| License | MIT |
Modifications
- oklch color conversion
- Vandoko design token integration
- Props interface extraction
- Lucide icon migration