Smart Components

This is the repository for web components from the Smartmatic Design System.

Using these components

Script tag

• Put these script tags in the head of your index.html:

  <script
    type="module"
    src="https://unpkg.com/@diondre27/smart-components@latest/dist/smarts/smarts.esm.js"
  ></script>
  <script
    nomodule=""
    src="https://unpkg.com/@diondre27/smart-components@latest/dist/smarts/smarts.js"
  ></script>

• Then you can use the elements anywhere in your template, JSX, html etc

Node Modules

• Run npm install my-component --save
• Put these script tags in the head of your index.html:

  <script
    type="module"
    src="https://unpkg.com/@diondre27/smart-components@latest/dist/smarts/smarts.esm.js"
  ></script>
  <script
    nomodule=""
    src="https://unpkg.com/@diondre27/smart-components@latest/dist/smarts/smarts.js"
  ></script>

• Then you can use the elements anywhere in your template, JSX, html etc