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.

Button settings

While selecting a Button element, the right sidebar will display the available settings for styling the container as well as the text and icon within.

Position
Content
Sizing
Spacing
Text, Icon, Fill, Stroke

Button states

Buttons have a range of states that can be styled individually, or synced together. Both default and active have rest and hover states.

Default
Active
Rest
Hover

Settings within button states

Each state can have these settings altered independently from another, or synced together.

Text
Icon
Fill
Stroke

Related guides

Dropdown

Links

Files & Downloads