From 268a6ef68571e3c7606c8d33c9eec914691e6988 Mon Sep 17 00:00:00 2001 From: James Harton Date: Fri, 9 Dec 2022 11:48:05 +1300 Subject: [PATCH] chore(docs): Add tailwind configuration to phoenix guide. Closes https://github.com/team-alembic/ash_authentication_phoenix/issues/31 --- .../getting_started_02_phoenix.md | 18 +++++++++++++++++- 1 file changed, 17 insertions(+), 1 deletion(-) diff --git a/documentation/getting_started/getting_started_02_phoenix.md b/documentation/getting_started/getting_started_02_phoenix.md index 8d7530b..baacc5d 100644 --- a/documentation/getting_started/getting_started_02_phoenix.md +++ b/documentation/getting_started/getting_started_02_phoenix.md @@ -209,7 +209,7 @@ pick the level of customisation you require. * {{link:ash_authentication_phoenix:module:AshAuthentication.Phoenix.Components.OAuth2}} A component which renders a sign-in button for an OAuth 2.0 provider. -## Overrides +### Overrides All the components above and the {{link:ash_authentication_phoenix:AshAuthentication.Phoenix.SignInLive}} LiveView are customisable via the {{link:ash_authentication_phoenix:AshAuthentication.Phoenix.Overrides}} @@ -218,6 +218,22 @@ system. Overrides allow you to configure CSS classes and other options for the components without needing to modify them. +### Tailwind + +If you plan on using our default [Tailwind](https://tailwindcss.com/)-based +components without overriding them you will need to modify your +`assets/tailwind.config.js` to include the `ash_authentication_phoenix` +dependency: + +```javascript +module.exports = { + content: [ + // Other paths. + "../deps/ash_authentication_phoenix/**/*.ex" + ] +} +``` + ## Summary In this guide we've learned how to add Ash Authentication to Phoenix, configure