Sskip navigation link to create efficient access for users with certain disabilities.
npm or Yarn:
$ npm install @coopdigital/component-skipnav --save# OR$ yarn add @coopdigital/component-skipnav
You can include
component-skipnav in your project by referencing it from your existing CSS via
@import statement, i.e.:
If you use PostCSS in your build pipeline, you can reference the sources directly like so:
If you use a
postcss-import plugin, it gets even easier:
Here's a bunch of examples, showing how you can integrate this CSS module in your project, based on most popular stacks of project. You can either use a post-processed and pre-built CSS form the
dist directory, to use PostCSS sources from the
The latter have certain dependencies, which should be consumed by your frontend toolkit to postprocess the CSS correctly.