ProductTitle
Displays a product's name using the active connector's traits
Import
import { ProductTitle } from '@tallyui/components';Usage
<ProductTitle doc={productDocument} className="text-lg font-bold" />The same component reads doc.name for WooCommerce and doc.title for Medusa — the trait layer handles the mapping.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
doc | any | required | RxDB product document |
className | string | — | Override default styles |
Plus all TextProps from the UI Text component (includes variant and asChild).
Default classes: font-semibold (inherits text-base text-foreground from the UI Text primitive)
Trait mapping
| Connector | Field read |
|---|---|
| WooCommerce | doc.name |
| Medusa | doc.title |
| Shopify | doc.title |
| Vendure | doc.name |