DS Button group

Component description

The DS button group is used to highlight a call to action (CTA) to encourage users to take action, e.g. Register now, Contact us.

Component field properties

  • Character count limits and recommendations per field
  • Mandatory and optional elements
  • Other notable display options.

Call to action button text (CTA) field  
Mandatory field 
Button text: 5 words or less, use active voice, don’t use 'learn more', 'read more', or 'click here' as not best practice for linktext. 
Plain text – no HTML

Internal link field 
Optional  
Use to link to an asset in the CMS 

External link field 
Optional  
Links to an external asset (not hosted in the La Trobe CMS) 
When active, this field overrides internal asset link.

Guidelines for use

  • Option to use between one to four buttons.
  • Only use one set per page
  • Buttons can be centred or left-aligned.
  • The first button can be optionally set to primary type (styled red) use this only if this is primary action you want the user to take.
  • Option to select icons to represent the button action e.g. download, video, social media icons.
  • For external links always include https://
  • For mail to links always include mailto:
  • Use sentence case for button text for best readability.

Most suited for these page types

Any page

Example(s) of use

Samples

One button

Two buttons

The first one can be of type primary.

Centered button group

Take the next step

Training module