@planningcenter/elements

Shared Planning Center element styles

Usage no npm install needed!

<script type="module">
  import planningcenterElements from 'https://cdn.skypack.dev/@planningcenter/elements';
</script>

README

planningcenter/elements

Framework-independent element definitions and specification for the Planning Center suite of applications.

Navigation

File/Dir Why it's there
{package}.css CSS implementation Published to NPM
{package}.stories.mdx Element documentation and test sheet. Stories are visually tested by Chromatic

Setup

Installation

Add it.

yarn add @planningcenter/elements

Install it.

  • Webpack import "@planningcenter/elements"
  • Other JavaScript Bundlers import "@planningcenter/elements/dist/elements.css"
  • Sprockets /*= require @planningcenter/elements */
  • Sass @import "@planningcenter/elements"