Text Layers » Background Color

Background Color

Text Layers can be buttons
Download Framer project

Text Layers are transparent by default, but just like common layers, you can give them a backgroundColor.

Text Layers are perfect for making buttons with different states. You can give your buttons a fixed width and height, but know that you can use padding and lineHeight to create flexible buttons that resize automatically.

See the project below for examples of all three techniques: one with padding, one with line height, and a third one with a fixed size.

And gradients!

As shown by the third button above, you can also set and animate gradients.