Skip to main content

Installation

There are two ways to use UI Kit in your project, according to your project setup.

To set up UI Kit components and web-core, add the following script tags inside the <head /> tag.

<head>
<script type="module">
import { defineCustomElements } from 'https://cdn.jsdelivr.net/npm/@dytesdk/ui-kit/loader/index.es2017.js';
defineCustomElements();
</script>
<!-- Import Web Core via CDN too -->
<script src="https://cdn.dyte.in/core/dyte.js"></script>
</head>

You can also import utilities or any other export from CDN:

<head>
<script type="module">
import {
provideDyteDesignSystem,
extendConfig,
} from 'https://cdn.jsdelivr.net/npm/@dytesdk/ui-kit@1.15.1/dist/index.js';
</script>
</head>