This page documents
@whop/elements@1.10.0 and @whop/elements-react@1.10.0.v1.10.0.
Opens as a modal from Chat: chat.createOverlay('search'). Pass props and callbacks in the create options.
This element is modal-only. Open it with
createOverlay; it has no inline mount.Props
string
The channel ID to scope search by, prefixed
feed_ or chat_feed_. Defaults to the active channel.boolean
Search across all the user’s channels. Defaults to
false.Events
Pass callbacks in the create options or React props.onResultClick
Emitted when the user clicks a search result. Call close() on the overlay to dismiss the modal.
object
onLoaderStart
Runs after the loading skeleton first paints and before onReady.
onReady
Runs after the element’s first complete paint.
onError
Runs when the element fails to load or crashes. The fallback remains visible. Use code for programmatic handling. sourceKey identifies a failed host-state source.
object
Methods
Call these on the handle returned bycreate, or through a React ref.
mount
Mounts the element in target and starts loading. React components mount themselves.
Parameters
string | HTMLElement
required
destroy
Removes the element and releases its frame and subscriptions. You can call it more than once. React removes the element automatically.
update
Merges new props into the mounted element. In React, change the component props instead.
Parameters
Partial<SearchElementProps>
required
Styling
This element doesn’t expose class names for styling. Useappearance (theme, accent color, variables) to restyle it.
