This page documents
@whop/elements@1.10.0 and @whop/elements-react@1.10.0.v1.10.0.
Playground
Assemble the elements with example data. Drive the controls, add and arrange elements, and watch events fire live:Options
Pass these towhop.delivery.create({ … }), or as props on <Delivery> in React.
string
required
The business ID, prefixed biz_. Customer tracking must be turned on in the business’s settings.
Appearance
Visual customization for this group’s elements. Overrides the global
WhopElements({ appearance }). Change it live with update({ appearance }).WhopElementsLocale
Locale for this group’s element UI text. Set it to one of the app’s built locales to override the global configuration. Any other value falls back to the default locale.
Events
Pass callbacks in the create options or React props.onLoadingChange
Runs when the grouped loading state changes. The value is true while any mounted element is still loading.
boolean
Methods
Call these on the Delivery handle fromwhop.delivery.create({ … }) or useDelivery().
update
Merges new handle options into every mounted element. In React, change the namespace props instead.
Parameters
Partial<DeliveryOptions>
required
destroy
Destroys every element and sub-controller this handle created, removes the controller frame, and releases its subscriptions. You can call it more than once, but a destroyed handle refuses any other call — create a new handle to start over. React removes the group automatically when the provider unmounts.
Elements
The elements this group mounts. Each has its own page:TrackingElement
Look up a delivery using the order number or tracking number together with the email used at checkout. The element shows native carrier updates and the business’s saved support links. Customer inputs and lookup results stay inside the Whop frame; the hosting website receives none of them. No sign-in or emailed code is required.

