# Tailwind CSS and PostCSS
pnpm install tailwindcss @tailwindcss/postcss postcss

# RHF (for `Form` component), Sonner (for `Sonner` component)
pnpm install react-hook-form sonner

// package.json
{
  //...
  "dependencies": {
    // ...
    "@sealos/shadcn-ui": "workspace:^" // <== Add this
  }
}

// postcss.config.mjs
export default {
  plugins: {
    '@tailwindcss/postcss': {}
  }
};

/* global.css */

/* Tailwind CSS, default theme, common utilities/components and required plugins */
@import '@sealos/shadcn-ui/shadcn.css';

/* UI components search path */
@import '@sealos/shadcn-ui/styles.css';

/* theme override, plugins, utilities, other styles, etc. */
/* ... */

// Both are recommended import styles
import { Button } from '@sealos/shadcn-ui';
import { Button } from '@sealos/shadcn-ui/button';

// Easier tailwind-merge and clsx
import { cn } from '@sealos/shadcn-ui';