Variant Value
Displays the name of a variant option value (e.g. "Blue", "Large") inside a component connected to the variant selector.
Last updated
How to use
Place the component inside one of Variant Selector's connected designs —
⦿ Unselected,⦿ Selected, or⦿ Out of Stock— it reads the value from that surrounding context.Style
Font,Color, andTransform.Set
Show Whento control whether it renders for the selected or unselected state.
Choosing when it appears
Show When lets you place two instances inside the same option — one styled for the selected state, one for unselected — so a swatch or button can show different copy depending on whether the customer has picked that value. Must live inside one of Variant Selector's connected option designs (⦿ Selected, ⦿ Unselected, or ⦿ Out of Stock) — on its own it has nothing to read.