Checkout Compose

Address form, delivery radio cards, payment fields, and a summary column.

Check out

Shipping info

Delivery type

Payment method

Choose a method

Important pattern

Delivery options are labelled radio cards. The summary column mirrors the cart lesson.

<label class="delivery-card">
  <input name="delivery" type="radio" value="free">
  <strong>Free shipping</strong>
</label>