Buttons are an element that can be added to your project layout and menu, and consists of three parts: the button container, the text content, and the icon content. Buttons may have Text, Icon, or both shown or hidden.

Button with text & icon content turned on.

Button with just icon content turned on.

Button with just text content turned on.

Adding buttons

From within the editor, select Button from the + menu in the top bar, or use the hotkey B.
Select a point in the project body by selecting between rows, click + dragging within, or selecting a point inside a column.

General Use

Buttons have a wide range of use. Here are common general uses:

File downloads

Setting On click » Download file is one of the most common uses for buttons. Tip: for downloading multiple files with one button you can upload a zip file.

Linking

Setting On click » Link to is a common use for making buttons into navigating elements in body and in menus.

Menu items

Building menus with buttons is a great way to create navigation items. Doing this allows for a wide range of styling, beyond regular text, such as hover and active states.

Advanced Use

Buttons can be used in creative ways to enhance a site’s navigation with larger visual impact.

https://www.loom.com/share/963c0d7dba744e04b8100a25073c3df3?sid=8974994f-416e-49a9-b595-0307a2cfd3c3

A grid of buttons can be used to create a tiled grid linking to different sections of a site.

Related guides

Dropdown

Links

Files & Downloads

Buttons are flexible elements with visual impact that are used in various ways such as linking to file downloads and hyperlinking between pages.

Button Basics