Pricehospitality
Minor-unit money display with a smaller currency symbol, tabular figures, struck-through original price, suffix, sold-out and sign states.
설치
pnpm
pnpm dlx shadcn@4.23.0 add @uikit/priceDefault
price-demo.tsx
import { Price } from "@/components/ui/price";
export default function PriceDemo() { return ( <div className="flex flex-col gap-3"> <Price amount={129000} currency="USD" suffix="perNight" size="lg" /> <Price amount={89900} original={119900} currency="USD" suffix="perNight" tabular /> <Price amount={12345} currency="JPY" suffix="total" /> <Price amount={-4500} currency="USD" sign="always" /> </div> );}