@chantelle/pl-link

The Link component of the Chantelle Pattern Library

Usage no npm install needed!

<script type="module">
  import chantellePlLink from 'https://cdn.skypack.dev/@chantelle/pl-link';
</script>

README

Link

Installation

yarn add @chantelle/pl-link

Usage

First, include the CSS in your HTML:

<link rel="stylesheet" href="node_modules/@chantelle/pl-link/build/css/main.css">

Note: you can import the CSS directly into your project if your bundler supports it:

 import '@chantelle/pl-link/build/css/main.css';

React Component

import Link from '@chantelle/pl-link';

ReactDOM.render(
  <Link url='https://cl.studio'>Example Link</Link>,
  container
);

CSS API

To use the Link component, add the .pl-link to the <a> element to apply the styles.

Appearances

<a class="pl-link pl-link--primary">Primary (default) link</a>
<a class="pl-link pl-link--secondary">Secondary link</a>