Gradient Overview

Our Gradient component allows you to add a gradient to your block.

The first thing you need to do is enable the gradient controls.

Once you toggle that option, you’ll see all of the gradient options appear.

These options include a direction and colors/stop positions for two colors.

Check out this page to learn more about gradients.

We don’t provide hover options for gradients. Instead, use the transparency control inside the color picker when choosing your colors. This way, the background color of your block will show through the gradient.