Call to action
v3.0.0Call 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
Why is this not a button?
The goal of the design system is to keep the component code as small as possible. The CTA link code and button code is vastly different, one has icons and animation, the other has borders. Due to this it was a good idea to seperate them and not create a variation.
Iconography
We’ve used chevrons with animated hover to produce greater visual prominence. A chevron supports the cta-link text and more loudly communicates that this is a link and that it is clickable.
Appearance
Our cta-link as button style is visually similar to the basic cta-link style but provides a larger hit/target area; this is especially useful on touchscreen devices.