gyu-ui

• 현재 npm 에 등록함 gyu-ui
• gyu-ui 는 tailwindcss 로 스타일링 되어 있어 사용하는 곳에서 tailwindcss 가 정의되어 있어야한다.

How to start

npm i gyu-ui

추가하기

• global style 추가하기

// NextJS app directory 인 경우
// app/layout.ts

import "gyu-ui/index.css";
// ...

// 사용하는 곳에서의 tailwind.config.js
import { colorMap, typographyMap } from 'gyu-ui'; // 추가

/** @type {import('tailwindcss').Config} */
export default {
  content: ['./stories/**/*.{ts,tsx,mdx}'],
  theme: {
    extend: {
      colors: {
        ...colorMap, // 추가
      },
    },
  },
  plugins: [ // 추가
    ({ addUtilities }) => {
      const newUtilities = {
        ...typographyMap,
      };
      addUtilities(newUtilities);
    },
  ],
};

TODO: 우선 타이포그래피와 스타일을 같이 내보내야함!