@dytesdk/design-system

Dyte Design System

Dyte's Design System for use in TailwindCSS.

Usage

Install the package:

npm install @dytesdk/design-system

Use the preset in your tailwind.config.js:

/** @type {import('tailwindcss').Config} */
module.exports = {
  presets: [require('@dytesdk/design-system')],
  darkMode: 'class',
  // ...
};

You can also use the provided default theme css which sets the appropriate CSS variables. It is light mode by default, and dark mode can be toggled either via class="dark" or [data-theme="dark"].

import '@dytesdk/design-system/theme-default.css';