Price tag

Currency-formatted price in mono with tabular numerals.

Catalog

Pack defaults

With content

In context

Source

import { PriceTag } from "demo-webshop/components";

const props = {
  "price": 0,
  "currency": "USD",
  "size": "body"
};
<PriceTag {...props} />

Injected into the previews above. Price tag

/* Live CSS — edits inject into every preview above.
   Try overriding a component utility, e.g.:
   .btn { letter-spacing: 0.04em; } */