Button Widget

Use the widget to easily add buttons to a page.

Content

Text: Add desired button text here. Link: Add a button link here. Alignment: Choose between Left, Center, Right or Justified button alignment. Size: Choose a button size from the dropdown. Icon: Choose an icon from the Icon library or upload desired SVG and set it. Description: Add a description here if needed. Button ID: Add a Button ID here.

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