Generating Button Code

The following settings control the appearance of the button:

Label

Enter the text to appear on the button

Width

WideExpands to full the width of the container it is placed within
NarrowContracts to hug the button contents
CustomEnter a width for the button

Corners

RoundGives a rounded ‘lozenge’ appearance to the button
RoundedA rectangular button with rounded corners
SquareA rectangular button with sharp corners

Colour

DarkA dark colour button with white text
LightA white button with a coloured border and text

Height

SmallSmall height (approx 30px)
LargeLarge height (approx 40px)

A preview of the button will appear underneath.