Wipe Fill

Show Preview
Wipe Fill
Wipe Fill

About Wipe Fill

Wipe Fill button — on hover, color sweeps in from the edge to fill the shape while the label inverts for contrast. Colors are set in three shades (dark, medium, light) so the fill can animate through a gradient sweep instead of a flat color.

Edit Color: Tap any of the color swatches (Dark, Medium, Light, Default) to update the hex value — this controls the fill sweep and idle background.

Edit Name: Tap the Name field and type to rename the component instance (currently "BUTTON").