Button Element

The Button Element will allow you to add, customize, and style buttons using the most advanced set of tools and options.

Content Tab

Type - Choose the type of button. It can either be Info, Success, Warning, or Danger.
Text - Type here the text for the button
Link - Enter the URL to link the button. If you click on the cog icon you will be presented with more options, where you can add a rel=nofollow attribute or open the link on a new tab
Alignment - Set the alignment for the button, it can either be positioned to the Left, Center, Right, or Justified
Size - Set the size of the button. It can either be Extra Small, Small, Medium, Large, or Extra Large
Icon - Set an icon for the button. Choose one from the library or upload an SVG
Icon Position - Set the icon to either be before or after the button's text
Icon Spacing - Set the spacing between the icon and the button's text
Button ID - Assign a unique ID for the button

Typography - Tweak the typography options for the button
Text Shadow - Set a shadow to the button's text
Text Color - Set the color for the button's text
Background Color - Set a color for the button
Border Type - Choose a border type for the button it can either be Solid, Double, Dotted, Dashed, or Groove
Border Radius - Set the border-radius to make the button's edges rounder
Box Shadow - Choose to add shadow to the button and configure the options available
Padding - Add padding around the content of the button

Set the settings for the Advanced Tab that is appropriate for the element.