Terms Checkbox
TermsCheckbox renders checkout terms acceptance and tells the checkout store whether terms are accepted.
When To Use This Family
Use this component inside checkout when the store requires customers to accept terms before placing an order.
Quick Start
Checkout terms checkbox
<OmeWooTermsCheckbox
content='{{"label":"I agree to the terms and conditions","required_message":"Please accept the terms to place your order."}}'
/>
Component
| Component key | Role |
|---|---|
OmeWooTermsCheckbox | Renders the terms checkbox, optional label slot, and checkout terms state. |
Props
| Prop | Meaning |
|---|---|
content.label | Label text when using component-managed label copy. |
content.required_message | Local error message when terms are required but unchecked. |
accessibility.aria_label | Accessible checkbox label. |
The component also accepts a default slot, so authors can put richer terms copy next to the checkbox.
Runtime Behavior
The runtime binds input[data-ome-woo-terms-checkbox] and updates the checkout store:
| Store flag | Meaning |
|---|---|
terms_required | Checkout should block if the checkbox is unchecked. |
terms_accepted | Current checkbox state. |
When terms are required and unchecked, WooCheckoutStore.submit() emits a local terms_required error, sets checkout state to error, and CheckoutNotices renders the message.