Skip to content

ConnectGuestButton

Lets a visitor connect a client without an account. The root is the form, so className lays it out; the button fills it.

import { ConnectGuestButton } from "@evolve-storefront/feature-mcp-connect/connect-guest-button";

Preview

DefaultOpen in Storybook ↗

Usage

The default: the button fills the form, which fills its container.

// A server action that calls `continueAsGuest` from `createConnectFlow`.
<ConnectGuestButton action={connectAsGuest} />

Props

PropTypeDescription
action() => void | Promise<void>

Starts the guest session, such as a server action.

children?ReactNode

The button's label. Defaults to the continue-as-guest message.

Any other props go to the root element, like on a plain HTML element.