ProductSku
Displays a product's SKU with configurable fallback
Import
import { ProductSku } from '@tallyui/components';Usage
<ProductSku doc={productDocument} />
<ProductSku doc={productDocument} fallback="N/A" />Props
| Prop | Type | Default | Description |
|---|---|---|---|
doc | any | required | RxDB product document |
fallback | string | '—' | Text when SKU is missing |
className | string | — | Override default styles |
Default classes: text-xs text-muted
Trait mapping
| Connector | SKU source |
|---|---|
| WooCommerce | doc.sku |
| Medusa | doc.variants[0].sku |
| Shopify | doc.variants[0].sku |
| Vendure | doc.variants[0].sku |