Storybook
Goal
The idea for us to use Storybook, is to create React components that are used across the web application. These components should support props, dark mode and be accessible
info
Storybook is an open source tool for building UI components and pages in isolation. It streamlines UI development, testing, and documentation.
🌓 Dark Mode
It's 202[2,3,4,5,6,7,8,9], let's build in dark mode natively and give our night 🦉 users a break from their blinding screen.
Dark mode is built into most component libraries, as such with tailwind, we only need to prefix a class with dark: i.e dark: text--white
Dark mode is integrated in Storybook, so we can develop and test easily.