Exact exports, props, slots, hooks, and runtime behavior belong to SDK package reference. Examples are guidance unless explicitly marked copy-paste-safe.

Review component intent and composition guidance before wiring this component into an app. Then use the live playground to confirm the rendered behavior.

Playground

• Import path: @enadhq/enad-react-sdk/client/storefront.
• Live playground: /components/commerce/product-usp.

When to use it

Use ProductUSP for short pieces of reassurance or value framing near the main purchase decision. It works well beside price, buy-box content, or editorial product storytelling.

Composition notes

Keep the text short and specific. One strong reassurance per row is easier to scan than a dense sentence.

Behavior and theming guidance

Use the default variant for practical commerce information and editorial when the tone needs to feel more brand-led. Keep several USPs visually consistent when they appear as a list.

Contract scope

• Use SDK package reference for exact props, exports, slots, hooks, and runtime behavior.
• Public import: @enadhq/enad-react-sdk/client/storefront.
• Playground route: /sandbox?component=ProductUSP.
• Copy/paste scope: guidance-only. Treat examples as guidance until checked against SDK package reference.

Implementation notes