From 29afb70336bd158b281d152095a407e30a4d6f51 Mon Sep 17 00:00:00 2001
From: Jeremy Ortiz <jeremy.ortiz@westpac.com.au>
Date: Tue, 6 Aug 2024 11:50:51 +1000
Subject: [PATCH] feat: update dev docs

---
 .../get-started/design/installation/content.mdoc       | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/apps/site/src/content/design-system/development/get-started/design/installation/content.mdoc b/apps/site/src/content/design-system/development/get-started/design/installation/content.mdoc
index 5be3ec05b..2d1c76b0e 100644
--- a/apps/site/src/content/design-system/development/get-started/design/installation/content.mdoc
+++ b/apps/site/src/content/design-system/development/get-started/design/installation/content.mdoc
@@ -3,6 +3,7 @@ GEL can be installed using a package manager like `npm`, `yarn` or `pnpm`.
 ```html
 <StaticCode language="js" code={`npm i @westpac/ui`} />
 ```
+
 If you are using a workspace update `tailwind.config.js` to use the `withGEL` helper exported by `@westpac/ui` as follows.
 
 ```html
@@ -64,3 +65,12 @@ const config = withGEL({
 });
 `} />
 ```
+
+Ensure tailwind directives are added to your main css file
+
+```html
+<StaticCode language="css" code={`
+@tailwind base; 
+@tailwind components; 
+@tailwind utilities;`} />
+```