Swatch

Renders a color or image swatch inside the designs connected to Filter Button or Variant Selector.

Last updated

Swatch icon

How to use

  1. Open the design connected to ⦿ Unselected / ⦿ Selected on the Filter Button or Variant Selector, and place the Swatch inside it where the color or image should appear.

  2. Ensure your swatch values are set in the Butter plugin by following the Color Metaobjects instructions — that's where the Swatch gets its colors and images from.

  3. Set Radius for its shape and Fallback Color for what shows when a value has no swatch set up.

Questions? Join our Slack community