Skip to main content
Documentation/Elements & Controls Reference/Global Settings/Buttons

Buttons

Open the top bar menu and choose Global Settings > Buttons > Primary or Secondary, configure their shared style, and save. Local styles/CSS can override it.

Global Buttons with the Primary style popout open — annotated full interface

Size and Shape

  • Size > Size — Small / Default / Large / Custom; Custom exposes Padding.
  • Background — Color/gradient and supported hover value.
  • Outline — Enable Color, outline Width (thickness), and No Fill On Hover.
Button Size controls and the additional Outline settings — annotated full interface

Typography provides Color, Custom / Preset, and custom Font Family / Font Size / Weight / Line Height / Advanced. See Typography Controls for every typography option. Corners > Square / Round / Custom uses Corner Radius for Custom.

Button Typography and custom Corner Radius controls — annotated full interface

Effects and Icon

  • Transition Duration — Milliseconds.
  • Scale On Hover — 1 is normal size.
  • Shadow — Normal/hover color, offsets, blur, spread, inner/outer placement.
Button Effects with Transition Duration, Scale On Hover, and Shadow — annotated full interface

Icon selects artwork; Position > Before / After, Size, normal/hover Color, Space Before / Space After, and Hover Transform set its appearance/movement.

Global button Icon controls — annotated full interface

Presets

Under Buttons > Presets, click Add Preset, enter Preset Name, configure Styles, and save. Styles use these controls plus Size > Override Width and Full Width At (selected width and below).

Edits affect referencing controls; deletion asks for confirmation. See applying button presets.

Button Presets with Preset Name and Styles — annotated full interface