Skip to content
Block PartsPro

Price

A price with an optional billing period, a crossed-out old price and a savings badge.

Usage

$39/ seat / month
$489$599Save 18%
$24.00

Installation

bash
npm install @wunderui/react

Then import what you need:

tsx
import { Price, PriceProps } from "@wunderui/react"

API Reference

PropTypeDefault
amountReactNode—
periodReactNode—
compareAtReactNode—
badgeReactNode—
size"sm" | "md" | "lg""lg" with a period, else "sm"
classNamestring—