Call to action

v3.0.0

Call to action links are visually distinct instructions to users designed to provoke an immediate response using verbs such as 'call now' or 'find out more'.

Released

History
View changes
Install
npm i @gold.au/cta-link
Tags
Requires
Contributors
  • Alex Page avatar picture
  • Patrick De Young avatar picture
  • Dominik Wilkowski avatar picture
  • Simon Pascal Klein avatar picture
  • Julian Fleetwood avatar picture
  • Trevor Brennan avatar picture
  • Gary Broadbent avatar picture

Default

A simple and clear link to direct users to a preferred action.

Example

<!--
  Light:  <a class="au-cta-link" href="#">
  Dark:   <a class="au-cta-link au-cta-link--dark" href="#">
-->

<a class="au-cta-link" href="#">Sign up</a>

/*
  Light:  <AUctaLink>
  Dark:   <AUctaLink dark>
*/

import AUctaLink from '@gold.au/cta-link';

<AUctaLink link="/signup" text="Sign up" />

Related components

Feedback