DUPricingTable
CommerceMulti-tier pricing cards.
import { DUPricingTable } from 'deri-ui';Live preview
Starter
$0
- Core components
Pro
$29
- Everything
- Support
typescript
<DUPricingTable tiers={[{name:'Pro',price:'$29',features:['A'],highlighted:true}]} />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| tiers | DUPricingTier[] | — | Plans |
| accentColor | string | — | Highlight color |
Usage
import { DUPricingTable } from 'deri-ui';
<DUPricingTable tiers={[{name:'Pro',price:'$29',features:['A'],highlighted:true}]} />Customize with className, radius, and Tailwind utilities. Theme tokens come from deri-ui/tailwind.preset.
Related
© 2026 Deri Ui. Developed by Deribew Shimelis. Copy and use the code freely in your projects.