Installation

1. Install dependencies

npm install nativewind
npm install --save-dev tailwind@3.3.2

2. Setup Tailwind CSS

Run npx tailwindcss init to create a tailwind.config.js file Add the paths to all of your component files in your tailwind.config.js file. Remember to replace `<custom directory>` with the actual name of your directory e.g. screens.

module.exports = {
  content: ["./App.{(js, jsx, ts, tsx)}, ./<custom directory>/**/*.{(js, jsx, ts, tsx)}"],
  theme: {
    extend: {},
  },
  plugins: []
};

3. Add the Babel Plugin

Modify your babel.config.js

module.exports = function (api) {
  api.cache(true);
  return {
    presets: ["babel-preset-expo"],
    presets: ["nativewind/babel"],
  };
};

4. Add Component

npx @mayank2310/my-lib-ui add tabs