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 @gordo-d/d-d-ui-components

At the root file of your project add

import "@gordo-d/d-d-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 '@gordo-d/d-d-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