Zenit UI for the Web

• 🚆 Streamlined components
• 🌻 Familiar recognizable style
• 🔥 Easy to use, with a standard interface

Using this component

There are three strategies you can currently pick from to use Zenit UI in your web project.

Script tag

• Put a script tag similar to this <script type='module' src='https://unpkg.com/[email protected]/dist/zenit-ui.esm.js'></script> in the head of your index.html
• Then you can use the element anywhere in your template, JSX, html etc

Node Modules

• Run npm install zenit-ui --save
• Put a script tag similar to this <script type='module' src='node_modules/zenit-ui/dist/zenit-ui.esm.js'></script> in the head of your index.html.
  • This step is likely to change based on your framework.
• Then you can use the element anywhere in your template, JSX, html etc

In a stencil-starter app

• Run npm install zenit-ui --save
• Add an import to the npm packages import zenit-ui;
• Then you can use the element anywhere in your template, JSX, html etc

In a React app

TBD