@citizensadvice/cads-links

Element

Usage no npm install needed!

<script type="module">
  import citizensadviceCadsLinks from 'https://cdn.skypack.dev/@citizensadvice/cads-links';
</script>

README

Links

npm (scoped)

Component type

  • Element

Dependencies:

Name Description
@citizensadvice/cads-support System-wide global variables and functions

Installation

$ npm install @citizensadvice/cads-links
@import "@citizensadvice/cads-links/index.scss";

You can also make use of the unpkg service, try adding the link below to the head of your HTML file <link src="https://unpkg.com/@citizensadvice/cads-links@latest/build/cads.links.css" />

Implementation

Users need links to navigate from one page to another. They have four possible styles that indicate their state (:hover, :active, :focus and :visited) .

The text used in a link should be descriptive of the page it’s taking the user to.

<a href="#">
  Click me!
</a>