This is a
playground to test code. It runs a full
Node.js environment and already has all of
npm’s 400,000 packages pre-installed, including
@coopdigital/component-skipnav with all
npm packages installed. Try it out:
This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.
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.