ReferenceComponents
<envie-button>
Toggle save state for a product or variant.
Toggle save state for a product or variant.
Give it product-id when you have one. A handle alone is enough — the id is
resolved from the shop on first click, which is what makes auto-injection onto
collection cards cheap: a card links to /products/{handle} and knows no id,
and resolving every card up front would cost one request per card.
Attributes
| Attribute | Description |
|---|---|
product-id | Shopify product id. Optional when handle is present. |
variant-id | Shopify variant id. Omit for a product-level save. |
handle | Product handle. Required on Liquid storefronts. |
disabled | |
saved | Reflected. Style with envie-button[saved]. |
busy | Reflected while a request is in flight. |
Events
| Event | Description |
|---|---|
envie:added | |
envie:removed | |
envie:error | |
undefined |
CSS parts
| Part | Description |
|---|---|
button | The real <button>. |
label | Text node wrapper. |
For the full styling contract — state attributes, tokens, and the rules behind them — see the theming guide.