BuyNowButton
The BuyNowButton component renders a button that adds an item to the cart and redirects the customer to checkout.
Example code
Anchor link to section titled "Example code"
| Name | Type | Description |
|---|---|---|
| quantity? | number |
The item quantity. Defaults to 1. |
| variantId | string |
The ID of the variant. |
| attributes? | Object< |
An array of cart line attributes that belong to the item being added to the cart. |
| children | ReactNode< |
Any ReactNode elements. |
| onClick? | (event?: React.MouseEvent< |
A click event handler. Default behaviour triggers the click event, unless prevented. |
| buttonRef? | Ref< |
A reference to the underlying button. |
| as? | React.ElementType with button as default |
Provides a React element or component to render as the underlying button. For accessibility compliance, use either a button element or a component that renders an underlying button. |
Component type
Anchor link to section titled "Component type"The BuyNowButton component is a shared component, which means that it renders on both the server and the client. For more information about component types, refer to React Server Components.