Product
What people see at checkout
NameRequiredShown on receipts
BillingHow often it charges
Monthly
Checkout link
PriceRequired
A paid product needs a price above zero
Buyers see this converted to their own currency at checkout.
Use it for
- Forms on the page ground: products, coupons, clients.
- Selects, buttons and icon buttons are ghost. Text fields are outline, read-only ones too.
- "Required" goes in the row's action slot, beside the label.
- Why a value was refused goes in the row's error slot, under the row.
Dont
- Use secondary fields here. With no card behind them, filled controls float.
- Stretch a select or a button to a column. They keep their own width - only a text field fills its slot.
- Write a sentence in the subtitle. That goes in the description.