Components
Barcode
Renders a string as a vertical-bar barcode SVG for SKUs, tickets, or order ids.
Barcode turns a string into a vertical-bar SVG barcode — a decorative,
scannable-style representation for SKUs, tickets, and order ids. Pass the value
to encode and set height for the bar height in pixels (defaults to 72). Note
it renders a deterministic bit pattern of the input rather than a specific retail
symbology like Code 128.
Example
Preview
OFFICINA-2026
SKU-008421
import { Barcode } from '@officina/ui';
<Barcode value="SKU-48823-A" height={72} />;API
| Prop | Type | Default | Description |
|---|---|---|---|
| value* | string | — | Value encoded as a barcode. |
| className | string | — | |
| height | number | 72 | Bar height in pixels. |