add sb and chromatic to readme (#4829)

2024-11-27 01:40:20 +08:00 · 2023-07-07 16:29:23 +01:00 · 2023-07-07 16:29:23 +01:00 · 3208730b06
commit 3208730b06
parent d2e545a066
3 changed files with 31 additions and 0 deletions
--- a/README.md
+++ b/README.md
@ -270,6 +270,9 @@ Gradio is built with many wonderful open-source libraries, please support them a
 [<img src="readme_files/vite.svg" alt="vite" height=40>](https://vitejs.dev)
 [<img src="readme_files/pnpm.svg" alt="pnpm" height=40>](https://pnpm.io)
 [<img src="readme_files/tailwind.svg" alt="tailwind" height=40>](https://tailwindcss.com)
+[<img src="readme_files/storybook.svg" alt="storybook" height=40>](https://storybook.js.org/)
+[<img src="readme_files/chromatic.svg" alt="chromatic" height=40>](https://www.chromatic.com/)
+

 ## License

--- a/readme_files/chromatic.svg
+++ b/readme_files/chromatic.svg
@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 256 256" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid">
+    <g>
+        <circle fill="#FC521F" cx="128" cy="128" r="128">
+
</circle>
+        <path d="M158.160232,187.016008 L137.769217,175.247026 L199.113357,139.863696 C201.465932,138.507147 203.681018,136.948948 205.74334,135.213543 C213.71765,146.567006 214.499805,161.516546 207.393197,173.829371 C200.922097,184.967291 189.018878,191.826477 176.137566,191.840313 C169.852832,191.840313 163.641424,190.175179 158.160232,187.012953 L158.160232,187.016008 L158.160232,187.016008 Z M153.247323,195.515829 C155.599898,196.875433 158.056352,198.018112 160.595299,198.937755 C154.738305,211.507224 142.174947,219.658741 127.9434,219.658741 C108.077895,219.658741 91.9062382,203.505416 91.9062382,183.652132 L91.9062382,112.879363 L123.030491,130.841421 L123.030491,175.250081 C123.030491,177.003818 123.968466,178.623123 125.486946,179.499991 L153.247323,195.515829 L153.247323,195.515829 Z M79.8439479,191.834203 C66.9695984,191.821213 55.0722985,184.966739 48.6035936,173.835481 C43.8018296,165.574062 42.5078619,155.733965 45.0105709,146.51201 C47.4591904,137.271319 53.5052555,129.39548 61.799397,124.642235 L82.1843011,112.879363 L82.1873564,183.639911 C82.1873564,186.356065 82.4195585,189.047777 82.8931287,191.715046 C81.8787719,191.794484 80.8583046,191.834203 79.8439479,191.834203 L79.8439479,191.834203 Z M159.168478,104.376487 L128.05339,122.326324 L89.5567192,100.123521 C88.0367657,99.2495996 86.1668193,99.2495996 84.6468659,100.123521 L56.8864885,116.136304 C54.5339141,117.489798 52.3157726,119.03883 50.2503956,120.783402 C42.2821957,109.432994 41.5030964,94.4803983 48.6035936,82.1675741 C55.072915,71.0289622 66.9751531,64.1685071 79.856169,64.1535761 C86.1347928,64.1535761 92.3523108,65.8278758 97.8335035,68.9870471 L159.168478,104.376487 Z M127.9434,36.3412587 C147.81807,36.3412587 163.980562,52.4945842 163.980562,72.3570335 L163.980562,95.8827771 L102.654753,60.5025029 C100.308838,59.1439957 97.8467608,57.9967984 95.2976116,57.074466 C101.15155,44.4958314 113.721019,36.3412587 127.9434,36.3412587 Z M207.390142,82.1797952 C217.319839,99.3780304 211.404794,121.443345 194.194338,131.373042 L132.859364,166.753316 L132.859364,130.847532 L171.35298,108.638619 C172.874515,107.76175 173.812489,106.142446 173.812489,104.388708 L173.812489,72.3570335 C173.812489,69.6531006 173.568066,66.9583336 173.103662,64.3032854 C187.025248,63.1432034 200.370896,70.1014446 207.390142,82.1797952 Z" fill="#FFFFFF">
+
</path>
+    </g>
+</svg>
--- a/readme_files/storybook.svg
+++ b/readme_files/storybook.svg
@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="-31.5 0 319 319" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid">
+    <defs>
+        <path d="M9.87245893,293.324145 L0.0114611411,30.5732167 C-0.314208957,21.8955842 6.33948896,14.5413918 15.0063196,13.9997149 L238.494389,0.0317105427 C247.316188,-0.519651867 254.914637,6.18486163 255.466,15.0066607 C255.486773,15.339032 255.497167,15.6719708 255.497167,16.0049907 L255.497167,302.318596 C255.497167,311.157608 248.331732,318.323043 239.492719,318.323043 C239.253266,318.323043 239.013844,318.317669 238.774632,318.306926 L25.1475605,308.712253 C16.8276309,308.338578 10.1847994,301.646603 9.87245893,293.324145 L9.87245893,293.324145 Z" id="path-1">
+
</path>
+    </defs>
+		<g>
+				<mask id="mask-2" fill="white">
+						<use xlink:href="#path-1">
+
</use>
+				</mask>
+				<use fill="#FF4785" fill-rule="nonzero" xlink:href="#path-1">
+
</use>
+				<path d="M188.665358,39.126973 L190.191903,2.41148534 L220.883535,0 L222.205755,37.8634126 C222.251771,39.1811466 221.22084,40.2866846 219.903106,40.3327009 C219.338869,40.3524045 218.785907,40.1715096 218.342409,39.8221376 L206.506729,30.4984116 L192.493574,41.1282444 C191.443077,41.9251106 189.945493,41.7195021 189.148627,40.6690048 C188.813185,40.2267976 188.6423,39.6815326 188.665358,39.126973 Z M149.413703,119.980309 C149.413703,126.206975 191.355678,123.222696 196.986019,118.848893 C196.986019,76.4467826 174.234041,54.1651411 132.57133,54.1651411 C90.9086182,54.1651411 67.5656805,76.7934542 67.5656805,110.735941 C67.5656805,169.85244 147.345341,170.983856 147.345341,203.229219 C147.345341,212.280549 142.913138,217.654777 133.162291,217.654777 C120.456641,217.654777 115.433477,211.165914 116.024438,189.103298 C116.024438,184.317101 67.5656805,182.824962 66.0882793,189.103298 C62.3262146,242.56887 95.6363019,257.990394 133.753251,257.990394 C170.688279,257.990394 199.645341,238.303123 199.645341,202.663511 C199.645341,139.304202 118.683759,141.001326 118.683759,109.604526 C118.683759,96.8760922 128.139127,95.178968 133.753251,95.178968 C139.662855,95.178968 150.300143,96.2205679 149.413703,119.980309 Z" fill="#FFFFFF" fill-rule="nonzero" mask="url(#mask-2)">
+
</path>
+		</g>
+</svg>