Components
Ace Pricing Grid
Pricing tier grid with plan name, price, feature list, and CTA per card
Ace Pricing Grid
Pricing tier grid with plan name, price, feature list, and CTA per card.
Preview
Loading preview...
Installation
Terminal
$npx shadcn@latest add @vandoko/ace-pricing-gridUsage
import { Step } from "@/components/vandoko/ace-pricing-grid";
export default function Page() {
return <Step />;
}Features
- Responsive -- Adapts to all screen sizes
- Semantic tokens -- Uses oklch design tokens for Vandoko brand consistency
Props
2 props
| Prop | Type | Default | Description |
|---|---|---|---|
className | string | — | - |
tiers | AcePricingTier[] | — | - |
Lineage
| Property | Value |
|---|---|
| Source | @aceternity/pricing-grid |
| Version | 1.0.0 |
| Curated | 2026-03-26 |
| License | MIT |
Modifications
- oklch color conversion
- Vandoko design token integration
- Props interface extraction