Skip to content

AssistedTrigger

AssistedTrigger is a small Assistant button for the host’s own toolbar. It opens and closes the floating or sheet panel through useAssisted().

The shop's navigation bar with the Assistant button beside Reset shop, in its quiet closed style.The shop's navigation bar with the Assistant button beside Reset shop, in its quiet closed style.

It ships in assisted-panel.tsx beside AssistedPanel. From examples/app/app/shell.tsx:

<div className="ms-auto flex gap-2">
{mode !== "embedded" && <AssistedTrigger />}
<Button variant="outline" size="sm" onClick={() => shop.call("reset")}>
Reset shop
</Button>
</div>

The embedded panel is always shown, so the example drops the trigger there.

Nothing. The trigger only reads and sets the panel’s open state.

The same navigation bar while the panel is open: the Assistant button is filled.The same navigation bar while the panel is open: the Assistant button is filled.
Prop Type Required Description
className string No Classes for the button.

A small “Assistant” button with the logo. It toggles the panel through useAssisted(): secondary while open, ghost while closed.