Direction links

v4.0.0

Direction links are accompanied by arrows to help users move quickly to other parts of the page or through a process.

Released

History
View changes
Install
npm i @gold.au/direction-links
Tags
Requires
Contributors
  • Simon Pascal Klein avatar picture
  • Alexander Sadleir avatar picture
  • Trevor Brennan avatar picture
  • Kiri Hoy avatar picture
  • Hannah J. Nicdao avatar picture
  • Patrick De Young avatar picture
  • Alex Page avatar picture
  • Dominik Wilkowski avatar picture
  • Julian Fleetwood avatar picture
  • Gary Broadbent avatar picture
  • Petra Gulicher avatar picture

React Usage

import AUdirectionLink from '@gold.au/direction-links';

<AUdirectionLink link="/next/page/" text="Continue" />

Props

Prop name Type Description
text string The text of the link
link string The href link, optional
linkComponent string The component used for the link, optional
direction string The direction the link goes
dark boolean A dark variation of the component

All other props are spread into the component

Exports

Name Type Description
AUdirectionLink default The direction link component

node_modules import

import AUdirectionLink from '@gold.au/direction-links';

pancake import

import AUdirectionLink from './direction-links';