Sign Up for Free

RunKit +

Try any Node.js package right in your browser

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:

var componentSkipnav = require("@coopdigital/component-skipnav")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

@coopdigital/component-skipnav v1.0.5

Co-op Component: Skipnav

component-skipnav

Sskip navigation link to create efficient access for users with certain disabilities.

Installation

Install via npm or Yarn:

$ npm install @coopdigital/component-skipnav --save
# OR
$ yarn add @coopdigital/component-skipnav

Usage

You can include component-skipnav in your project by referencing it from your existing CSS via @import statement, i.e.:

@import "node_modules/@coopdigital/component-skipnav/dist/skipnav.css";

If you use PostCSS in your build pipeline, you can reference the sources directly like so:

@import "node_modules/@coopdigital/component-skipnav/src/skipnav.pcss";

If you use a postcss-import plugin, it gets even easier:

@import "@coopdigital/component-skipnav";

Examples

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 src dir.

The latter have certain dependencies, which should be consumed by your frontend toolkit to postprocess the CSS correctly.

Vue.js

TBD

React.js

TBD

Development

TBD

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free