Button
A fully functioning button with customizable pressed and hover states.
Overview
Add interactive buttons with built-in hover and pressed states. Customize everything from the style to the action state animations.
Properties
The Button component has fifteen different properties. You can customize the text inside your button with the Text, Text Align, Font, Text Color, and Font Size properties. To customize the button style you can use the Shadow, Disabled, Variant, Bg color, Padding, Radius, Hover Scale, Tap Scale, Scale Animation, and Hover Animation properties.
Every component at your fingertips.
Did you know all of these components are accessible from the Insert Menu right inside of Framer?
Learn more