Storybook-StyledComponents：使用StoryBook JS，React和Styled-Components构建的组件库。 利用原子设计原理和完全可重用的组件构建-源码

[{"title":"（ 65 个子文件 1.72MB ） Storybook-StyledComponents：使用StoryBook JS，React和Styled-Components构建的组件库。 利用原子设计原理和完全可重用的组件构建-源码","children":[{"title":"Storybook-StyledComponents-main","children":[{"title":".gitignore <span style='color:#111;'> 326B </span>","children":null,"spread":false},{"title":"package.json <span style='color:#111;'> 1.21KB </span>","children":null,"spread":false},{"title":"package-lock.json <span style='color:#111;'> 845.54KB </span>","children":null,"spread":false},{"title":"src","children":[{"title":"components","children":[{"title":"Button.jsx <span style='color:#111;'> 1022B </span>","children":null,"spread":false},{"title":"styles.js <span style='color:#111;'> 2.07KB </span>","children":null,"spread":false}],"spread":true},{"title":"setupTests.js <span style='color:#111;'> 241B </span>","children":null,"spread":false},{"title":"index.js <span style='color:#111;'> 565B </span>","children":null,"spread":false},{"title":"logo.svg <span style='color:#111;'> 2.57KB </span>","children":null,"spread":false},{"title":"App.js <span style='color:#111;'> 0B </span>","children":null,"spread":false},{"title":"reportWebVitals.js <span style='color:#111;'> 362B </span>","children":null,"spread":false},{"title":"GlobalStyles.js <span style='color:#111;'> 325B </span>","children":null,"spread":false},{"title":"App.css <span style='color:#111;'> 564B </span>","children":null,"spread":false},{"title":"index.css <span style='color:#111;'> 366B </span>","children":null,"spread":false},{"title":"stories","children":[{"title":"Button.stories.js <span style='color:#111;'> 1.86KB </span>","children":null,"spread":false},{"title":"assets","children":[{"title":"code-brackets.svg <span style='color:#111;'> 1.42KB </span>","children":null,"spread":false},{"title":"flow.svg <span style='color:#111;'> 1.36KB </span>","children":null,"spread":false},{"title":"repo.svg <span style='color:#111;'> 1.60KB </span>","children":null,"spread":false},{"title":"plugin.svg <span style='color:#111;'> 2.12KB </span>","children":null,"spread":false},{"title":"direction.svg <span style='color:#111;'> 1.25KB </span>","children":null,"spread":false},{"title":"comments.svg <span style='color:#111;'> 1.49KB </span>","children":null,"spread":false},{"title":"stackalt.svg <span style='color:#111;'> 2.49KB </span>","children":null,"spread":false},{"title":"colors.svg <span style='color:#111;'> 8.31KB </span>","children":null,"spread":false}],"spread":false},{"title":"Introduction.stories.mdx <span style='color:#111;'> 5.12KB </span>","children":null,"spread":false}],"spread":false},{"title":"App.test.js <span style='color:#111;'> 246B </span>","children":null,"spread":false}],"spread":false},{"title":"head.html <span style='color:#111;'> 0B </span>","children":null,"spread":false},{"title":".netlify","children":[{"title":"state.json <span style='color:#111;'> 53B </span>","children":null,"spread":false}],"spread":true},{"title":"public","children":[{"title":"robots.txt <span style='color:#111;'> 67B </span>","children":null,"spread":false},{"title":"logo192.png <span style='color:#111;'> 5.22KB </span>","children":null,"spread":false},{"title":"index.html <span style='color:#111;'> 1.77KB </span>","children":null,"spread":false},{"title":"favicon.ico <span style='color:#111;'> 3.78KB </span>","children":null,"spread":false},{"title":"manifest.json <span style='color:#111;'> 492B </span>","children":null,"spread":false},{"title":"logo512.png <span style='color:#111;'> 9.44KB </span>","children":null,"spread":false}],"spread":true},{"title":"path","children":[{"title":"to","children":[{"title":"build","children":[{"title":"vendors~main.33c5a3c5c6b3b33439d9.bundle.js <span style='color:#111;'> 1.59MB </span>","children":null,"spread":false},{"title":"vendors~main.8099b9c6363624d917ae.bundle.js.LICENSE.txt <span style='color:#111;'> 2.73KB </span>","children":null,"spread":false},{"title":"iframe.html <span style='color:#111;'> 4.46KB </span>","children":null,"spread":false},{"title":"runtime~main.6a9b04192e3176eff72a.bundle.js <span style='color:#111;'> 2.87KB </span>","children":null,"spread":false},{"title":"robots.txt <span style='color:#111;'> 67B </span>","children":null,"spread":false},{"title":"main.51a3345951494c002c77.bundle.js <span style='color:#111;'> 971.96KB </span>","children":null,"spread":false},{"title":"vendors~main.8099b9c6363624d917ae.bundle.js <span style='color:#111;'> 2.51MB </span>","children":null,"spread":false},{"title":"main.8099b9c6363624d917ae.bundle.js.map <span style='color:#111;'> 153B </span>","children":null,"spread":false},{"title":"static","children":[{"title":"media","children":[{"title":"comments.a3859089.svg <span style='color:#111;'> 1.49KB </span>","children":null,"spread":false},{"title":"colors.a4bd0486.svg <span style='color:#111;'> 8.31KB </span>","children":null,"spread":false},{"title":"repo.6d496322.svg <span style='color:#111;'> 1.60KB </span>","children":null,"spread":false},{"title":"plugin.d494b228.svg <span style='color:#111;'> 2.12KB </span>","children":null,"spread":false},{"title":"stackalt.dba9fbb3.svg <span style='color:#111;'> 2.49KB </span>","children":null,"spread":false},{"title":"flow.edad2ac1.svg <span style='color:#111;'> 1.36KB </span>","children":null,"spread":false},{"title":"code-brackets.2e1112d7.svg <span style='color:#111;'> 1.42KB </span>","children":null,"spread":false},{"title":"direction.b770f9af.svg <span style='color:#111;'> 1.25KB </span>","children":null,"spread":false}],"spread":false}],"spread":false},{"title":"runtime~main.8099b9c6363624d917ae.bundle.js.map <span style='color:#111;'> 169B </span>","children":null,"spread":false},{"title":"logo192.png <span style='color:#111;'> 5.22KB </span>","children":null,"spread":false},{"title":"runtime~main.8099b9c6363624d917ae.bundle.js <span style='color:#111;'> 2.94KB </span>","children":null,"spread":false},{"title":"index.html <span style='color:#111;'> 1.81KB </span>","children":null,"spread":false},{"title":"vendors~main.33c5a3c5c6b3b33439d9.bundle.js.LICENSE.txt <span style='color:#111;'> 2.53KB </span>","children":null,"spread":false},{"title":"main.8099b9c6363624d917ae.bundle.js <span style='color:#111;'> 23.38KB </span>","children":null,"spread":false},{"title":"favicon.ico <span style='color:#111;'> 32.21KB </span>","children":null,"spread":false},{"title":"manifest.json <span style='color:#111;'> 492B </span>","children":null,"spread":false},{"title":"logo512.png <span style='color:#111;'> 9.44KB </span>","children":null,"spread":false},{"title":"asset-manifest.json <span style='color:#111;'> 1.38KB </span>","children":null,"spread":false},{"title":"vendors~main.8099b9c6363624d917ae.bundle.js.map <span style='color:#111;'> 170B </span>","children":null,"spread":false}],"spread":false}],"spread":true}],"spread":true},{"title":"README.md <span style='color:#111;'> 2.89KB </span>","children":null,"spread":false},{"title":".eslintcache <span style='color:#111;'> 5.26KB </span>","children":null,"spread":false},{"title":".storybook","children":[{"title":"main.js <span style='color:#111;'> 238B </span>","children":null,"spread":false},{"title":"preview.js <span style='color:#111;'> 74B </span>","children":null,"spread":false},{"title":"preview-head.html <span style='color:#111;'> 86B </span>","children":null,"spread":false}],"spread":true},{"title":"yarn.lock <span style='color:#111;'> 666.07KB </span>","children":null,"spread":false}],"spread":false}],"spread":true}]