ProductTrust

Lower-level PDP reassurance family for short-form delivery, returns, warranty, and service cues near the buy box.

Best for

short-form reassurance clusterslower-level PDP trust compositionbuy-box-adjacent delivery and service cues

Import

import { ProductTrust } from "@enadhq/enad-react-sdk/client/storefront"

When to use it

Use ProductTrust when the app wants the supported PDP reassurance family, but not the higher-level ProductHeroSection wrapper.

That usually means:

the storefront wants to own the exact reassurance layout
the trust region needs a little more structure than a plain USP list
the page still wants a stable path back to the public PDP family instead of rebuilding one-off reassurance blocks

Boundary with ProductDetails

ProductTrust is for short-form confidence signals near the buy box:

delivery cues
returns and warranty highlights
short service notes
compact reassurance footers or links

ProductDetails is for the long-form PDP body after the hero:

specifications
care instructions
shipping details
downloads
richer editorial explanation

If the content starts feeling like a section of body copy or operational detail, it belongs in ProductDetails, not ProductTrust.

Public anatomy

ProductTrust is the reassurance root of the PDP family.

Public parts:

ProductTrust.Header
ProductTrust.Heading
ProductTrust.Note
ProductTrust.Items
ProductTrust.Footer
ProductTrust.Item
ProductTrust.USPList (compatibility alias for the old list path)

Fast path and open path

The fast path is the structured prop API:

heading
note
items
itemsVariant
footer

The open path is the compound family surface.

Start with the prop path when the default reassurance structure already fits. Drop to the compounds when the page needs more control over how the trust header, items, or footer are arranged.

How it differs from ProductHeroSection

ProductHeroSection = section-first fast path for the whole PDP hero
ProductTrust = lower-level reassurance family inside that hero rhythm
ProductDetails = long-form body after the hero

Examples

Live examples you can edit directly in the sandbox.

2 examples

Compound-first reassurance family

Use the richer ProductTrust family path when the page needs a heading, note, item cluster, and supporting footer without drifting into long-form PDP details.

Structured prop path

Use the prop path when the family fits and the page just needs a stronger reassurance cluster than a bare USP list.

Slots

footerheaderheadingnoterootitems

Component Sets

Preview the first example across the available component-set presets to compare tone, spacing, and structural defaults.

Props

Prop	Type	Default	Description
heading	string	—	Optional reassurance heading rendered above the short-form trust items
note	string	—	Optional supporting note that frames the reassurance cluster without turning it into a long-form details section
items	string	—	Short PDP reassurance items such as shipping, returns, or warranty cues
itemsVariant	string	"default"	Default item variant applied when a trust item does not specify its own variant
footer	string	—	Optional supporting footer content rendered below the trust items
classNames	Partial<Record<ProductTrustSlot, string>>	—	No description yet. Slot keys footerheaderheadingnoterootitems