Padlet Storybook Chromatic by Padlet Engine https://padlet.com/starlink/nlq79e05qh2sojyv Made with charm en-us 2021-09-22 00:10:13 UTC 2025-10-22 16:59:40 UTC hello@padlet.com Goals starlink https://padlet.com/starlink/nlq79e05qh2sojyv/wish/1758620347 Optimize
 • Finding components 
 • Configuring components
 • Downstream errors from UI changes 
 • UI change review process 

]]> 2021-09-22 00:17:39 UTC https://padlet.com/starlink/nlq79e05qh2sojyv/wish/1758620347 Done starlink https://padlet.com/starlink/nlq79e05qh2sojyv/wish/1758624370 1. Compared Styleguidist vs Storybook
2. Compared compiled vs vue components 
3. Export as npm package, import and use (only OzInput and OzSwitch) 
4. Configured storybook loaders for postcss, scss, tailwindcss, typescript, ]]> 2021-09-22 00:20:28 UTC https://padlet.com/starlink/nlq79e05qh2sojyv/wish/1758624370 Todo ? starlink https://padlet.com/starlink/nlq79e05qh2sojyv/wish/1758625565 1. Add more orizuru components to component library 
2. Configure fonts + any other parts of frontend stack misssing. 
3. Add more parent components to allow regression testing. 

]]> 2021-09-22 00:21:21 UTC https://padlet.com/starlink/nlq79e05qh2sojyv/wish/1758625565 Link starlink https://padlet.com/starlink/nlq79e05qh2sojyv/wish/1758631026 https://61490a8a212953003a71f675-rbjdjtnqhu.chromatic.com/?path=/docs/example-ozbutton--normal]]> 2021-09-22 00:25:15 UTC https://padlet.com/starlink/nlq79e05qh2sojyv/wish/1758631026 Canvas starlink https://padlet.com/starlink/nlq79e05qh2sojyv/wish/1758641197 Show how component behaves with 
- Different parameters
- Different devices 

Information on component 
- custom parameters 
- light vs dark 
- dimensions (padding, size etc) ]]> 2021-09-22 00:32:14 UTC https://padlet.com/starlink/nlq79e05qh2sojyv/wish/1758641197 Docs starlink https://padlet.com/starlink/nlq79e05qh2sojyv/wish/1758644292 Component documentation 
- description of properties, ability to see effects & copy code
- types  of component, each with preset parameters ]]> 2021-09-22 00:34:36 UTC https://padlet.com/starlink/nlq79e05qh2sojyv/wish/1758644292 Link starlink https://padlet.com/starlink/nlq79e05qh2sojyv/wish/1758648896 https://www.chromatic.com/pullrequest?appId=61490a8a212953003a71f675&number=7151&view=changes]]> 2021-09-22 00:37:28 UTC https://padlet.com/starlink/nlq79e05qh2sojyv/wish/1758648896 Integration with Github starlink https://padlet.com/starlink/nlq79e05qh2sojyv/wish/1758763332 Why? Changes to components 
How? Run npx chromatic on seperate branch

]]> 2021-09-22 01:49:25 UTC https://padlet.com/starlink/nlq79e05qh2sojyv/wish/1758763332 Next steps starlink https://padlet.com/starlink/nlq79e05qh2sojyv/wish/1758765262 2021-09-22 01:50:38 UTC https://padlet.com/starlink/nlq79e05qh2sojyv/wish/1758765262 Configuration starlink https://padlet.com/starlink/nlq79e05qh2sojyv/wish/1758765665 .storybook/main.js
package.json 
config.js & config.json files ]]> 2021-09-22 01:50:52 UTC https://padlet.com/starlink/nlq79e05qh2sojyv/wish/1758765665 Visual regression tests starlink https://padlet.com/starlink/nlq79e05qh2sojyv/wish/1758766397 Snapshot of each component - changes

For each pixel of each seperate story]]> 2021-09-22 01:51:20 UTC https://padlet.com/starlink/nlq79e05qh2sojyv/wish/1758766397 Demo starlink https://padlet.com/starlink/nlq79e05qh2sojyv/wish/1760748699 1:50 onwards of https://www.youtube.com/watch?v=9o6uB1X-LZ8&t=130s&ab_channel=Chromatic

]]> 2021-09-22 17:31:30 UTC https://padlet.com/starlink/nlq79e05qh2sojyv/wish/1760748699