Button Component

The 'Button Component' can be used to create call to actions and link to webpages or other external content.

Creating a Button:

Navigate to the style for which you want to create a button.
Scroll down to the 'Buttons' section.
Select + Create Button .
Assign a name for the button.
Select the Paintbrush icon or the button itself to make changes such as:
Size
Font
Text Size
Button Colour
Text Colour
Letter Spacing
Bottom Margin
Line height
Case
Save and return to the article

Using the Button component

The Button component can be used even without any buttons saved in the style, but we recommend at least one is created to compliment your typical canvas colour and text format.

Once dragged onto the canvas, select the button to display the 'Properties Menu'. Here you'll have the options for:

Style: This is how you apply a button style to your component, select the name of one of the buttons you've created, or None for the default appearance.
Text: The text displayed inside the button or button label.
URL: A web link, anchor link or for some platforms such as Twixl, a 'Custom URL Scheme' which links to other pieces of content within the app.
Open in New Window: Determine if when selected, the link open in a new window, or simply redirects.
Alignment: Aligns the button to the left, center or right.
Size: With a 'Button Style' selected, the 'Use Style' option will inherit it's properties from that style. Alternatively, select from the options Small, Medium and Large.
Display On: Select from a list which devices the button should display on.