chore(docs): Add tailwind configuration to phoenix guide.

Closes https://github.com/team-alembic/ash_authentication_phoenix/issues/31
This commit is contained in:
James Harton 2022-12-09 11:48:05 +13:00 committed by James Harton
parent 395388f91e
commit 268a6ef685

View file

@ -209,7 +209,7 @@ pick the level of customisation you require.
* {{link:ash_authentication_phoenix:module:AshAuthentication.Phoenix.Components.OAuth2}} * {{link:ash_authentication_phoenix:module:AshAuthentication.Phoenix.Components.OAuth2}}
A component which renders a sign-in button for an OAuth 2.0 provider. 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}} 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}} 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 Overrides allow you to configure CSS classes and other options for the
components without needing to modify them. 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 ## Summary
In this guide we've learned how to add Ash Authentication to Phoenix, configure In this guide we've learned how to add Ash Authentication to Phoenix, configure