How do I install the Price Tag component?

Install the free SDK with `bun add @otfdashkit/ui` (or npm/pnpm) and import { PriceTag }. Copy-paste distribution is also supported.

Is the Price Tag component free to use?

Yes. Price Tag ships in @otfdashkit/ui, part of the free MIT-licensed OTF SDK on npm — use it in personal and commercial projects.

Which platform does this Price Tag page cover?

This page documents the web version (@otfdashkit/ui); the OTF SDK keeps the same component API across its web and native packages where a counterpart exists.

Free

220+ open-source components for web + native — plus 5 full-stack kits & 15 landing templates

Browse the SDK

OTF Kit

Star

Price Tag

Display

Formatted currency price with optional compare-at strikethrough and discount pill.

View in Storybook

Loading Storybook preview…

Installation

$bun add @otfdashkit/ui

Import

import { PriceTag } from '@otfdashkit/ui'