storybook-addon
Develop themable components with Emotion/Styled Components/Material-UI with help of Storybook & React Theming
reactthemeboilerplatestyled-componentsaddonmaterial-uiemotionstorybookdeveloper-toolsreact-storybook-addonsreact-themetheming-boilerplate
Preview
Overview
This Storybook addon lets you develop and test themed React components in isolation by switching between themes directly in the Storybook panel. It works with any styling library like Styled Components, Emotion, or Material-UI, automatically adjusts background colors for dark themes and lets you copy theme property paths to ship fast.
Features
theme-switchingcomponent-isolationtheme-panelcolor-pickerdark-mode-supporttheme-persistencebackground-auto-switchingcopy-paste-theme-paths
Feature Flags
blogsearchtheming
Recommended Use Cases
developing-themable-componentscomponent-library-developmentdesign-system-documentationtheme-testing
Frontend
reactstorybook
Backend
None
Auth Providers
None
Deployment Targets
render
Payment Providers
None
Quick Facts
⭐ Stars
208
🍴 Forks
37
🔄 Active
Unknown
🕒 Last Commit
2022-12-10T13:09:58.000Z
Stack
Framework
react
Language
javascript
CSS
styled-components, emotion, material-ui
Data Layer
UI Stack
Styling
styled-components, emotion, material-ui
Developer Experience
Docker
No
Tests
No
Quickstart
Yes
env.example
No
Pricing
Classification
free
Selected
—
Notes
Open source npm package