@developerdao/ui-components v0.1.1

Design-System

Drinking from UI base layer designed here.

Figma Design System

TDSX package manager

...

Storybook component manager

...

Adding the design system

Install the library

yarn add @developerdao/ui-components

At the root file of your project add

import "@developerdao/ui-components/styles.css";

The design system is built upon Tailwind library so remember to install it acordingly

At tailwind.config.ts

import { theme } from '@developerdao/ui-components';
import type { Config } from 'tailwindcss';

const config: Config = {

   // other config ...

  theme: {
    extend: {
      ...theme // <-- import the custom design system theme
    },
  },

  // other config ...

}

export default config