Adding TailWind configuration example (#85)

* Adding tailwind configuration example * fix: remove unneeded plugin --------- Co-authored-by: Daniel Williams <[email protected]>
storybookjs · Feb 7, 2024 · 52b9fb5 · 52b9fb5
1 parent 82d49e4
commit 52b9fb5
Showing 1 changed file with 34 additions and 0 deletions.
diff --git a/README.md b/README.md
@@ -233,6 +233,40 @@ module.exports = {
 </td>
 </tr>
 
+<tr>
+<td>nativewind</td>
+<td>
+<details>
+<summary>
+Click to here to see the config
+</summary>
+Nativewind requires some additional babel config to work correctly. You can see an example of this config below.
+
+```js
+module.exports = {
+  addons: [
+    /*existing addons,*/
+    {
+      name: '@storybook/addon-react-native-web',
+      options: {
+        modulesToTranspile: [
+          'react-native-reanimated',
+          'nativewind',
+          'react-native-css-interop',
+        ],
+        babelPresets: ['nativewind/babel'],
+        babelPresetReactOptions: { jsxImportSource: 'nativewind' },
+        babelPlugins: ['react-native-reanimated/plugin'],
+      },
+    },
+  ],
+};
+```
+
+</details>
+</td>
+</tr>
+
 </table>
 
 ## Adding support for static assets and svgs