# Cart form and buttons

> The values of `data-name` inside `smootify-cart`.

Status: Ready (Smootify 2.0)  
URL: https://www.smootify.io/docs/astro/reference/attributes/cart-form  
Updated: 2026-10-21

## Where it can go

- **Inside** [`smootify-cart`](https://www.smootify.io/docs/astro/reference/elements/smootify-cart).

## Values

| Attribute and value | What it is | Notes |
|---|---|---|
| `data-name="attribute name"` | Cart attribute | The field becomes a cart attribute; on input |
| `name="coupon"` | Coupon field | Applied with the coupon button; on input |
| `name="gift-card"` | Gift card field | Applied with the gift card button; on input |
| `name="note"` | Note for the seller | A textarea; on input |
| `data-action="open-cart"` | Open the cart | on button |
| `data-action="close-cart"` | Close the cart | on button |
| `data-action="open"` | Open the cart (short) | Same as open-cart; on button |
| `data-action="close"` | Close the cart (short) | Same as close-cart; on button |
| `data-action="coupon"` | Apply the coupon | on button |
| `data-action="gift-card"` | Apply the gift card | on button |
| `data-action="remove"` | Remove the line | on button; inside box-item, cart-item, smootify-cart [cart=“discount”], smootify-cart [cart=“gift-card”] |
| `name="draft-order"` | Ask for a quote | A draft order instead of checkout; on button |
| `data-wait="Updating…"` | Label while waiting | Only on a Form Button (an input); on a `<button>`, use data-state children; on input |