Button Widget
Use the widget to easily add buttons to a page.
Content
Setting the icon you can choose between Default, Stacked and Framed Icon View.
For all views you can choose Left or Right Icon position and set a Spacing between Icon and Button text.
For Stacked and Framed Icon View you can also choose between Square and Circle Icon Shape.
Style
Typography: Set a Typography using settings from the dropdown.
Primary Color: Choose a Text Color for Normal and Hover modes.
Secondary Color: Choose a Text Background Color for Normal and Hover modes.
For Hover mode you can also choose an Animation from the dropdown.
Min Width: Set the button min width here.
Padding: Set paddings to the button.
Border Type: Choose desired Border Type from the dropdown and set it.
Border Radius: Set a border radius to the button.
Box Shadow: Choose desired settings from the dropdown.
Text Shadow: Choose desired settings from the dropdown.
Icon
Size: Set the icon size here.
Primary Color: Choose the icon primary color for Normal and Hover modes.
Secondary Color: Choose the icon secondary color for Normal and Hover modes.
Border Radius: Set a border radius to the icon.
Description
Alignment: Choose between Left, Center and Right description alignment for desktop, tablet and mobile.
Typography: Set a Typography using settings from the dropdown.
Color: Set a Description Color here.
Background Color: Set a Description Background Color here.
Border Type: Choose desired Border Type from the dropdown and set it.
Border Radius: Set a border radius to description.
Gap: Set a Gap between button and description.
Padding: Set paddings to the description.
Advanced
Set the Advanced options that are applicable to this widget