Currently we do have Storybook for auth-ui, but it isn't very obvious that it exists.
Below are some suggestions for enhancing Storybook.
Describe the solution you'd like
[ ] Add docs for starting storybook in README
[ ] Storybook theming to follow Supabase theme
this will be nice when Supabase decides to deploy Storybook to prod
[ ] Remove controls that do not affect UI appearance e.g. redirectTo, supabaseClient
[ ] Fix stories where props are not affecting the UI
[ ] At the Appearance>Default story, none of the controls affect the appearance
[ ] Story With Social Large Buttons is not showing large buttons
[ ] StoryWith Coloured Social Auth is not showing colored
[ ] Story Update Password and Magic Link shows only an input with a red button w/ no text
[ ] Fix bug of seeing unstyled components (refer below)
Bug of seeing unstyled components
Running pnpm storybook, while clicking between components and trying to change props, sometimes it will suddenly show every Auth component as unstyled, even after multiple refreshes. I have to close the tab and reopen it to see it styled again.
Feature request
Currently we do have Storybook for auth-ui, but it isn't very obvious that it exists.
Below are some suggestions for enhancing Storybook.
Describe the solution you'd like
redirectTo, supabaseClient
Appearance>Default
story, none of the controls affect the appearanceWith Social Large Buttons
is not showing large buttonsWith Coloured Social Auth
is not showing coloredUpdate Password
andMagic Link
shows only an input with a red button w/ no textBug of seeing unstyled components
Running
pnpm storybook
, while clicking between components and trying to change props, sometimes it will suddenly show every Auth component as unstyled, even after multiple refreshes. I have to close the tab and reopen it to see it styled again.Additional context
Original Tweet thread