Skip to main content

Button

Overview

Button Displays a customizable button.


Parameters

ParameterParameterValid BlocksRequired
ContentContentText Block GroupNo
Style SetsOptional list of Email Style blocks to apply to this blockText Block GroupNo
Custom CSS ClassesOptional space-separated list of CSS classes to be applied to the element. Intended for use with EmailCSS blocks.Text Block GroupNo
Background ColourThe background colour of the button.Colour Block GroupNo
On-Click URIThe link to take the user to when they click on this element.Text Block GroupNo
RelThe rel of the element.Text Block GroupNo
TargetThe target for the link. Defaults to 'external-link'.Text Block GroupNo
Mouse-over tooltip (title)Displayed on mouse-over and used by accessibility software.Text Block GroupNo
Text ColourThe colour of the text in this block. Defaults to #ffffff (white)Colour Block GroupNo
Text SizeThe size of the text in this block.Unit Value Block GroupNo
FontThe list of preferred fonts for this element.Text Block GroupNo
Font StyleWhether the font should be normal (upright) or italicised.Text Block GroupNo
Font WeightHow light or bold the text should be.Text Block GroupNo
Text AlignmentHow text should be aligned inside the element.Text Block GroupNo
Text DecorationWhether the text should be underlined, overlined, etc.Text Block GroupNo
Text TransformWhether the text should be underlined, overlined, etc.Text Block GroupNo
Letter SpacingThe spacing between letters.Unit Value Block GroupNo
Line HeightThe height of each line of text inside the element.Text Block GroupNo
HeightThe height of the button.Unit Value Block GroupNo
WidthThe width of the element.Unit Value Block GroupNo
PaddingThe padding around the element.Text Block GroupNo
Padding BottomThe padding below the element.Unit Value Block GroupNo
Padding LeftThe padding to the left of the element.Unit Value Block GroupNo
Padding RightThe padding to the right of the element.Unit Value Block GroupNo
Padding TopThe padding above the element.Unit Value Block GroupNo
Inner PaddingThe padding around the inside of the buttonText Block GroupNo
BorderThe border around the element.Text Block GroupNo
Border TopThe border across the top of the element.Text Block GroupNo
Border LeftThe border down the left of the element.Text Block GroupNo
Border RightThe border down the right of the element.Text Block GroupNo
Border BottomThe border across the bottom of the element.Text Block GroupNo
Border RadiusThe rounding radius of the corners of the element.Text Block GroupNo
Container Background ColourThe colour of the background of the container.Colour Block GroupNo
Horizontal AlignmentHow the block should be aligned horizontally within its container.Text Block GroupNo
Vertical AlignmentVertical position of the element within its container.Text Block GroupNo