@patternson/octopus

An adapting design system

Usage no npm install needed!

<script type="module">
  import patternsonOctopus from 'https://cdn.skypack.dev/@patternson/octopus';
</script>

README

Octopus

CircleCI semantic-release Love and Peace

An adapting pattern library

Run Locally

npm install
npm start

Usage

put the library in your html:

<script src="https://lib.patternson.io/Octopus/v/latest.js"></script>

Put up the frame (it serves the global css variables) and start to use components

<op-frame>
  <op-headline>This is a Octopus Headline</op-headline>
  <op-button>Checkout the repository</op-button>
</op-frame>

Specific version:

For a specific version use https://lib.patternson.io/Octopus/v/[tag].js

Where [tag] must be either latest or a valid semver specifier.