Components
Inventory Badge
SketchInventoryBadge — a hand-drawn badge for displaying product stock status.
SketchInventoryBadge renders a rough.js badge labelled with a stock state — in
stock, low stock, or out of stock — switching its visual treatment automatically
based on the status prop.
Default
import { SketchInventoryBadge } from "blackchalk";<SketchInventoryBadge status="in-stock" /><SketchInventoryBadge status="low-stock" /><SketchInventoryBadge status="out-of-stock" />Props
| Prop | Type | Default |
|---|---|---|
status | "in-stock" | "low-stock" | "out-of-stock" | — |
See it in the Storybook playground, or read the source.