@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

Standalone Project

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

Monorepo Project

Create a local Tailwind config file

/* tailwind.config.js */
import config from '@bbodek/internal-ui/tailwind-config'

export default config;

/* global.css */
@import 'tailwindcss';
@import '@bbodek/internal-ui/styles';
@config './tailwind.config.js'; /* Adjust the path as needed */

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.