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/share-button.

When to use it

Use ShareButton when the page should let visitors pass a product, wishlist, or landing page to someone else with minimal friction.

It works best when sharing is a secondary action, not the primary conversion path.

Composition notes

Provide a stable url and add title or text when the share target benefits from richer context. The component handles the native-share-first behavior for you.

Behavior and theming guidance

Keep share affordances easy to find but visually secondary to purchase or navigation actions. If clipboard copy is the main fallback, make sure any success feedback is clear and brief.

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=ShareButton.
• Copy/paste scope: guidance-only. Treat examples as guidance until checked against SDK package reference.

Implementation notes