A Button on a website is a handy little tool that allows you to interact with the page and perform a specific action.


They are often used as a means of offering options or choices to users, and are a key element of website navigation and user experience. In general, buttons serve as a way for users to interact with a website and access the content and functionality that it offers.

🖼️Example

Here are a few examples on how you can use the button to trigger an action or event.


One of the most common methods for using a button is taking users to a webpage be it internally or externally.

Another method would be performing an action, the button can be used to trigger and action on the page such as initiating a download for a PDF.

⚙️Settings

Configurations available for the button tool


Basic

  • Button text - add the text for your button.
  • Button link - link to an external/internal website or file.

Display

  • Style - the button can be styled as either an 'outline' or 'filled' design to match the overall aesthetic of the website.
  • Shape - sets the overall shape of the button, you can choose from a 'rounded' or 'rectangle' design.
  • Full Width - sets the button to take up the full width of the page by selecting 'yes' or the width of the column it is in by selecting 'no'.
  • Alignment - sets the alignment of the buttons to either left, center, or right depending on the desired position.