@bbodek/internal-ui ·

Installation

# with npm
npm install @bbodek/internal-ui

# with yarn
yarn add @bbodek/internal-ui

Usage

1. To install Tailwind CSS in your Next.js project

• Using Pages Router
• Using App Router

2. Update your next config file

/* next.config.js */
const nextConfig = {
  webpack: (config) => {
    config.resolve.fallback = { ...config.resolve.fallback, fs: false };

    return config;
  },
};

3. Update your global css file

/* global.css */
@import 'tailwindcss';
@import '@bbodek/internal-ui/styles';

⚠️ @config '@bbodek/internal-ui/tailwind-config'는 0.0.124부터 제거되었습니다. tailwind 4.3.1+에서 content 글롭이 config 파일 위치 기준으로 해석되어 라이브러리 클래스가 누락되던 방식이므로, 기존에 사용 중이라면 해당 라인(및 이를 re-export 하던 로컬 tailwind config)을 삭제해주세요. 테마·safelist는 @import '@bbodek/internal-ui/styles' 한 줄로 모두 적용됩니다.

Example

import { Button } from '@bbodek/internal-ui';

const Example = () => {
  return <Button content='Click Me!' />;
};

export default Example;

Peer Dependencies

"peerDependencies": {
  "next": "^15.3.1",
  "react": "^19.1.0",
  "react-dom": "^19.1.0",
}

License

Licensed under the MIT license.