yalo-design-system v1.1.5

Yalo Design System

Yalo design system for Creative Software

Installation

Dependencies

Add Yalo Tokens in the head tag

  <link rel="stylesheet" href="https://unpkg.com/yalo-design-tokens@release/dist/yalo.tokens.css">

Use with CDN

Add in the head tag inside the html

  <script type="module" src="https://unpkg.com/yalo-design-system/dist/yalo.bundle.js"></script>
  <link rel="stylesheet" href="https://unpkg.com/yalo-design-system/dist/yalo.min.css">

You can also specify the version by adding @{version}

  <script type="module" src="https://unpkg.com/yalo-design-system@1.0.0/dist/yalo.bundle.js"></script>
  <link rel="stylesheet" href="https://unpkg.com/yalo-design-system@1.0.0/dist/yalo.min.css">

For the released version add the following:

  <script type="module" src="https://unpkg.com/yalo-design-system@release/dist/yalo.bundle.js"></script>
  <link rel="stylesheet" href="https://unpkg.com/yalo-design-system@release/dist/yalo.min.css">

Additional Configuration Angular

Add in modules

 declarations: [
    ...
  ],
  imports: [
    ...
  ],
  schemas: [CUSTOM_ELEMENTS_SCHEMA] //Add this line!

Documentation

Documentation

Tech Stack

Vite, Typescript, Lit

Authors

• Carlos Morales
• Cesar Velasquez
• Yefri Romero