blackchalkv0.3.0
Components

Price Tag

SketchPriceTag — a hand-drawn price display with optional strikethrough original price.

SketchPriceTag renders a current price with an optional strikethrough original price beside it — useful for showing discounts in a sketch-styled UI.

Default

import { SketchPriceTag } from "blackchalk";<SketchPriceTag price="42.50" />

Discounted

import { SketchPriceTag } from "blackchalk";<SketchPriceTag price="89.00" originalPrice="129.00" />

Props

PropTypeDefault
pricestring
originalPricestring
currencystring"$"

See it in the Storybook playground, or read the source.

On this page