Table Of Contents
create a wide variety of buttons with customizable options, allowing you to match your unique design vision.
Add button #
Click the ‘+’ icon in the top-left corner to access a wide range of blocks for building your content.
Content #
Our Button block offers various customization options, allowing you to create visually appealing and informative headings.
Label & Link #
Add Button Label & Link
Width Type #
Easily adjust the button width to create custom buttons that perfectly fit your design.
Icon #
– Control icon switcher to show or hide it.
– Add an icon & choose the icon Position relative to the text.
Style #
- Color:
Use the color picker tool to assign a color to the text. - Typography:
Set font family, size, weight, transform, style, decoration, line height, letter spacing, and word spacing. - Border & Border Radius & Box Shadow:
– Choose a border style
– Set the Border Width
– Border color(First color for normal & second for Hover)
– Create rounded corners of the box.
– Create an easy box shadow effect - Background:
Add a solid background or a stunning gradient effect to the icon. - Spacing:
-Add padding for the inner spacing between the text and the content.
Add a margin for the outer spacing between the text and the Content.
Icon #
- Gap:
Space Between text and icon. - Size:
Specify the icon size in PX, EM, or Rem. - Border & Border radius:
Set them to get a button with a rounded or circled shape - Padding:
Used for the inner spacing. - Color:
Use the color picker tool to assign a color to the icon. - Background:
Add a solid background or a stunning gradient effect to the icon Background.
