@prizm-ui/prizm-lite NPM

Prizm-lite

Prizm design system, zero-dependency implementation html+css.

Install

Step 1: Install the Prizm-Lite Package

Install from npm.

  npm i @prizm-ui/prizm-lite

Download artefacts

prizm-lite-0.0.1.tgz

Step 2: Include the Prizm-Lite Styles

Include @prizm-ui/prizm-lite/styles.css in your app's stylesheet. You will need to ensure your build process is setup to bundle CSS from npm packages.

@import '@prizm-ui/prizm-lite/styles.css';

Alternatively, you can load the theme file using the npm unpkg content delivery network (CDN). See unpkg.com for more details. For example:

<!-- Load the latest version -->
<link rel="stylesheet" href="https://unpkg.com/@prizm-ui/prizm-lite/styles.css" />
<!-- Or load a specific version, recommended -->
<link rel="stylesheet" href="https://unpkg.com/@prizm-ui/prizm-lite@0.0.1/styles.css" />

Setup for web sites

After downloading, extract the files into the directory where your website is located. Your directory will look something like this.

MyWebsite/
  |--prizm-lite/
  |  |--styles.css
  |  |--Inter-Black.woff
  |  |--Inter-Bold.woff2
  |  |--...
  |--index.html

HTML Setup

<!DOCTYPE html>
<html>
<head>
  <!--Import styles.css-->
  <link type="text/css" rel="stylesheet" href="prizm-lite/styles.css"  media="screen,projection"/>
</head>

<body>
</body>
</html>

Example templates

TODO

@storybook/manager-api @storybook/theming

0.1.0

3 months ago

0.2.0

3 months ago

0.0.1

4 months ago