@chantelle/pl-caption

The Caption component of the Chantelle Pattern Library

Usage no npm install needed!

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

yarn add @chantelle/pl-caption

First, include the CSS in your HTML:

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

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

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

import Caption from '@chantelle/pl-caption';

ReactDOM.render(
  <Caption>Example Caption</Caption>,
  container
);

To use the Caption component, add the .pl-caption to p element to apply the styles.