Bundle SelectorReference
CSS Classes & State Attributes
CSS Classes
These classes are applied by the enhancer. Override the class names via CSS class override attributes if needed.
| Class | Applied to | When |
|---|---|---|
next-bundle-card | Each registered card | Always (on registration) |
next-selected | The currently selected card | After selection |
next-in-cart | A card | All its items are present in the cart at the required quantities |
next-loading | A card | While a price fetch is in flight |
Attributes Set by the Enhancer
On the container element:
data-selected-bundle="<id>" — reflects the currently selected bundle ID.
On each bundle card element:
| Attribute | Values | When set |
|---|---|---|
data-next-selected | "true" / "false" | Updated on every selection change |
data-next-in-cart | "true" / "false" | Mirrors the next-in-cart class |
data-next-loading | "true" / "false" | Set during a price fetch |