node package manager
Loosely couple your services. Use Orgs to version and reuse your code. Create a free org »

@gov.au/direction-links

@gov.au/direction-links

Use direction links to link up and down within the DOM or back to a parent page.

Contents


Install

yarn add @gov.au/direction-links
npm install @gov.au/direction-links --save-dev

⬆ back to top


Usage

⬆ back to top


React

Usage:

import DirectionLink from './direction-links.js';
 
<DirectionLink link="/next/page/" text="Continue" />

All props:

<DirectionLink
    text="Submitting"     {/* The text of the link */}
    link="link/to/page"   {/* The href link, optional */}
    onClick={ () => {} }  {/* A function to execute when the link is clicked, optional */}
/>

For more details have a look at the usage example.

⬆ back to top


Dependency graph

direction-links
├─ core
└─ body
   └─ core

⬆ back to top


Build

⬆ back to top


Tests

The visual test: http://uikit.apps.staging.digital.gov.au/packages/direction-links/tests/site/

⬆ back to top


Release History

  • v0.3.0 - Added pancake-react plugin, ES5 main file
  • v0.2.0 - Added react component
  • v0.1.0 - 💥 Initial version

⬆ back to top


License

Copyright (c) Commonwealth of Australia. Licensed under MIT.

⬆ back to top

};