CartForm

●cart · /react·component

Renders a <form> that encodes a cart mutation as hidden inputs consumed by a cart server action. Pass action to identify the mutation kind and supply the relevant optional fields for that kind.

Signature

@nordcom/commerce-cart
function CartForm(props: CartFormProps): Element;

Parameters

NameTypeDescription
propsCartFormProps

Returns

A <form> element with hidden mutation inputs and the provided children.

Example

<CartForm action="add-line" variantId={variantId} quantity={1} formAction={addToCartAction}>
  <button type="submit">Add to cart</button>
</CartForm>

CartDevtools CartFormProps CartProviderProps AppCartConfig BaseCartActions BuyerIdentityActions CartActions CartAttributeActions

Sourcecart-form.tsx:58↗Edit the JSDoc directly
Metadata@nordcom/commerce-cart@0.2.2Open in GitHub ↗

CartFormProps

Props for . Each field maps to a hidden <input the cart server action reads from FormData; only action, formAction, and children are required for every mutation

CartHydrator

Serverrenderable entry point that seeds the clientside cart hydration marker. Delegates to a client component that renders a hidden element carrying the initial

On this page

SignatureParametersReturnsExampleRelated