tszhong0411/ui

Inside your React project directory, install the library by running either of the following commands:

npm i @tszhong0411/ui @tszhong0411/utils
 
# or
 
yarn add @tszhong0411/ui @tszhong0411/utils

npm i @tszhong0411/ui @tszhong0411/utils
 
# or
 
yarn add @tszhong0411/ui @tszhong0411/utils

Also, make sure you installed tailwindcss and add the following to your tailwind.config.js:

import { tailwindPreset } from '@tszhong0411/ui'
 
module.exports = {
  // ...
  content: [
    './node_modules/@tszhong0411/**/*.{js,jsx,ts,tsx}', // the path of @tszhong0411/*
  ],
  presets: [tailwindPreset],
}

import { tailwindPreset } from '@tszhong0411/ui'
 
module.exports = {
  // ...
  content: [
    './node_modules/@tszhong0411/**/*.{js,jsx,ts,tsx}', // the path of @tszhong0411/*
  ],
  presets: [tailwindPreset],
}

Import the main.css

@import '@tszhong0411/ui/dist/main.css';
 
@tailwind base;
@tailwind components;
@tailwind utilities;

@import '@tszhong0411/ui/dist/main.css';
 
@tailwind base;
@tailwind components;
@tailwind utilities;

Installation