mirror of
https://github.com/storybookjs/storybook.git
synced 2025-04-06 06:51:17 +08:00
Adding icons
This commit is contained in:
Charles de Dreuille
parent
8751d84eba
commit
a144db7428
3
docs/get-started/icon-docs.svg
Normal file
3
docs/get-started/icon-docs.svg
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.5716 2.85714C18.5716 1.27919 17.2924 0 15.7144 0H2.143C1.74851 0 1.42871 0.319796 1.42871 0.714285V19.2857C1.42871 19.6802 1.74851 20 2.143 20H15.7144C17.2924 20 18.5716 18.7208 18.5716 17.1429V2.85714ZM4.28585 18.5714H15.7144C16.5034 18.5714 17.143 17.9318 17.143 17.1429V2.85714C17.143 2.06816 16.5034 1.42857 15.7144 1.42857H10.0001V10.0056C10.0001 10.4001 9.68029 10.7199 9.2858 10.7199C9.08714 10.7199 8.90742 10.6388 8.77794 10.5079L8.77514 10.5051L7.85546 9.58539L6.93477 10.5097C6.65637 10.7892 6.20411 10.79 5.92462 10.5116C5.78649 10.3741 5.71642 10.194 5.71447 10.0133L5.71442 10.0056V1.42857H4.28585V18.5714ZM7.143 1.42857V8.27638L7.35122 8.06734C7.62962 7.78785 8.08188 7.78697 8.36137 8.06537C8.37987 8.0838 8.39715 8.10298 8.41321 8.12283L8.57152 8.28114V1.42857H7.143Z" fill="#FFAE00"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 959 B |
3
docs/get-started/icon-more.svg
Normal file
3
docs/get-started/icon-more.svg
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.5105 20.4895C14.2643 20.7357 13.8651 20.7357 13.6189 20.4895L7.51028 14.3809C7.26406 14.1347 7.26406 13.7355 7.51028 13.4892L13.4893 7.51026C13.7355 7.26403 14.1347 7.26403 14.3809 7.51026L20.4895 13.6189C20.7357 13.8651 20.7357 14.2643 20.4895 14.5105L14.5105 20.4895Z" fill="white" stroke="#53BDFF" stroke-width="2"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 476 B |
4
docs/get-started/icon-sharing.svg
Normal file
4
docs/get-started/icon-sharing.svg
Normal file
@ -0,0 +1,4 @@
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M2.85728 1.43408C2.0683 1.43408 1.42871 2.07368 1.42871 2.86265V17.1484C1.42871 17.9373 2.0683 18.5769 2.85728 18.5769H17.143C17.932 18.5769 18.5716 17.9373 18.5716 17.1484V10.7198C18.5716 10.3253 18.2518 10.0055 17.8573 10.0055C17.4628 10.0055 17.143 10.3253 17.143 10.7198V17.1484H2.85728V2.86265L9.28585 2.86265C9.68034 2.86265 10.0001 2.54286 10.0001 2.14837C10.0001 1.75388 9.68034 1.43408 9.28585 1.43408H2.85728Z" fill="#FF4785"/>
|
||||
<path d="M10.5052 10.5106L17.143 3.87281V6.43408C17.143 6.82857 17.4628 7.14837 17.8573 7.14837C18.2518 7.14837 18.5716 6.82857 18.5716 6.43408V2.14837C18.5716 1.75388 18.2518 1.43408 17.8573 1.43408H13.5716C13.1771 1.43408 12.8573 1.75388 12.8573 2.14837C12.8573 2.54286 13.1771 2.86265 13.5716 2.86265H16.1328L9.49506 9.50043C9.21612 9.77938 9.21612 10.2316 9.49506 10.5106C9.77401 10.7895 10.2263 10.7895 10.5052 10.5106Z" fill="#FF4785"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 993 B |
3
docs/get-started/icon-story.svg
Normal file
3
docs/get-started/icon-story.svg
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.00042 0H15.0004C15.3949 0 15.7147 0.319797 15.7147 0.714286V19.2857C15.7147 19.6579 15.43 19.9636 15.0665 19.997C14.8941 20.0212 14.7078 19.9757 14.5356 19.8281L10.0006 15.9409L5.46522 19.8283C5.2894 19.9791 5.09904 20.0233 4.92365 19.9957C4.56526 19.9574 4.28613 19.654 4.28613 19.2854V0.714286C4.28613 0.319797 4.60593 0 5.00042 0ZM5.7147 17.733L9.52099 14.4704C9.53923 14.4539 9.55815 14.4384 9.57766 14.4241C9.73533 14.3053 9.90257 14.268 10.0589 14.2881C10.2038 14.2998 10.3464 14.3558 10.4653 14.4577L14.2861 17.7327V1.42857H5.7147V17.733Z" fill="#1EA7FD"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 719 B |
3
docs/get-started/icon-testing.svg
Normal file
3
docs/get-started/icon-testing.svg
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.7857 1.42871H8.21427H6.42855C6.03406 1.42871 5.71427 1.74851 5.71427 2.143C5.71427 2.53749 6.03406 2.85728 6.42855 2.85728H7.49998V8.3803L3.16544 15.8935C2.47863 17.084 3.33782 18.5716 4.71221 18.5716H15.2878C16.6621 18.5716 17.5213 17.084 16.8345 15.8935L12.5 8.3803V2.85728H13.5714C13.9659 2.85728 14.2857 2.53749 14.2857 2.143C14.2857 1.74851 13.9659 1.42871 13.5714 1.42871H11.7857ZM8.92855 8.57157V2.85728H11.0714V8.57157V8.76284L11.167 8.92851L12.6094 11.4287H7.39055L8.83297 8.92851L8.92855 8.76284V8.57157ZM6.56637 12.8573L4.40285 16.6074C4.26549 16.8455 4.43733 17.143 4.71221 17.143H15.2878C15.5626 17.143 15.7345 16.8455 15.5971 16.6074L13.4336 12.8573H6.56637Z" fill="#6F2CAC"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 847 B |
@ -25,61 +25,61 @@ TK
|
||||
|
||||
<!-- prettier-ignore-end -->
|
||||
|
||||
<div class="sb-grid three-up">
|
||||
<div class="sb-grid two-up">
|
||||
<a href="./nextjs.md?renderer=react" class="sb-grid-item card media">
|
||||
<img src="https://placekitten.com/50/50" alt="" class="img" />
|
||||
<img src="/logo-nextjs.svg" width="28" height="28" alt="Next.js" class="img" />
|
||||
<h3>Next.js</h3>
|
||||
<p>TK</p>
|
||||
<p>Full-featured React framework with great developer experience</p>
|
||||
</a>
|
||||
<a href="./react-vite.md?renderer=react" class="sb-grid-item card media">
|
||||
<img src="https://placekitten.com/50/50" alt="" class="img" />
|
||||
<img src="/logo-react.svg" width="28" height="28" alt="React" class="img" />
|
||||
<h3>React + Vite</h3>
|
||||
<p>TK</p>
|
||||
<p>Full-featured React framework with great developer experience</p>
|
||||
</a>
|
||||
<a href="./react-webpack5.md?renderer=react" class="sb-grid-item card media">
|
||||
<img src="https://placekitten.com/50/50" alt="" class="img" />
|
||||
<img src="/logo-react.svg" width="28" height="28" alt="" class="img" />
|
||||
<h3>React + Webpack</h3>
|
||||
<p>TK</p>
|
||||
<p>Full-featured React framework with great developer experience</p>
|
||||
</a>
|
||||
<a href="./vue-vite.md?renderer=vue" class="sb-grid-item card media">
|
||||
<img src="https://placekitten.com/50/50" alt="" class="img" />
|
||||
<img src="/logo-vue.svg" width="28" height="28" alt="" class="img" />
|
||||
<h3>Vue + Vite</h3>
|
||||
<p>TK</p>
|
||||
<p>Full-featured React framework with great developer experience</p>
|
||||
</a>
|
||||
<a href="./vue-webpack5.md?renderer=vue" class="sb-grid-item card media">
|
||||
<img src="https://placekitten.com/50/50" alt="" class="img" />
|
||||
<img src="/logo-vue.svg" width="28" height="28" alt="" class="img" />
|
||||
<h3>Vue + Webpack</h3>
|
||||
<p>TK</p>
|
||||
<p>Full-featured React framework with great developer experience</p>
|
||||
</a>
|
||||
<a href="./angular.md?renderer=angular" class="sb-grid-item card media">
|
||||
<img src="https://placekitten.com/50/50" alt="" class="img" />
|
||||
<img src="/logo-angular.svg" width="28" height="28" alt="" class="img" />
|
||||
<h3>Angular</h3>
|
||||
<p>TK</p>
|
||||
<p>Full-featured React framework with great developer experience</p>
|
||||
</a>
|
||||
<a href="./sveltekit.md?renderer=svelte" class="sb-grid-item card media">
|
||||
<img src="https://placekitten.com/50/50" alt="" class="img" />
|
||||
<img src="/logo-svelte.svg" width="28" height="28" alt="" class="img" />
|
||||
<h3>SvelteKit</h3>
|
||||
<p>TK</p>
|
||||
<p>Full-featured React framework with great developer experience</p>
|
||||
</a>
|
||||
<a href="./svelte-vite.md?renderer=svelte" class="sb-grid-item card media">
|
||||
<img src="https://placekitten.com/50/50" alt="" class="img" />
|
||||
<img src="/logo-svelte.svg" width="28" height="28" alt="" class="img" />
|
||||
<h3>Svelte + Vite</h3>
|
||||
<p>TK</p>
|
||||
<p>Full-featured React framework with great developer experience</p>
|
||||
</a>
|
||||
<a href="./svelte-webpack5.md?renderer=svelte" class="sb-grid-item card media">
|
||||
<img src="https://placekitten.com/50/50" alt="" class="img" />
|
||||
<img src="/logo-svelte.svg" width="28" height="28" alt="" class="img" />
|
||||
<h3>Svelte + Webpack</h3>
|
||||
<p>TK</p>
|
||||
<p>Full-featured React framework with great developer experience</p>
|
||||
</a>
|
||||
<a href="./web-components-vite.md?renderer=web-components" class="sb-grid-item card media">
|
||||
<img src="https://placekitten.com/50/50" alt="" class="img" />
|
||||
<img src="/logo-web-components.svg" width="28" height="28" alt="" class="img" />
|
||||
<h3>Web components + Vite</h3>
|
||||
<p>TK</p>
|
||||
<p>Full-featured React framework with great developer experience</p>
|
||||
</a>
|
||||
<a href="./web-components-webpack5.md?renderer=web-components" class="sb-grid-item card media">
|
||||
<img src="https://placekitten.com/50/50" alt="" class="img" />
|
||||
<img src="/logo-web-components.svg" width="28" height="28" alt="" class="img" />
|
||||
<h3>Web components + Webpack</h3>
|
||||
<p>TK</p>
|
||||
<p>Full-featured React framework with great developer experience</p>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@ -89,22 +89,22 @@ TK
|
||||
|
||||
<div class="sb-grid two-up">
|
||||
<a href="../writing-stories/index.md" class="sb-grid-item card card-fancy media media-title-only">
|
||||
<img src="https://placekitten.com/50/50" alt="" class="img" />
|
||||
<img src="/icon-story.svg" alt="Storybook Story" width="20" height="20" class="img" />
|
||||
<h3>Stories</h3>
|
||||
<p>A story captures the rendered state of a UI component. Developers write multiple stories per component that describe all the “interesting” states a component can support.</p>
|
||||
</a>
|
||||
<a href="../writing-docs/index.md" class="sb-grid-item card card-fancy media media-title-only">
|
||||
<img src="https://placekitten.com/50/50" alt="" class="img" />
|
||||
<img src="/icon-docs.svg" alt="Storybook Docs" width="20" height="20" class="img" />
|
||||
<h3>Docs</h3>
|
||||
<p>Storybook gives you tools to expand this essential documentation with prose and layout that feature your components and stories prominently.</p>
|
||||
</a>
|
||||
<a href="../writing-tests/index.md" class="sb-grid-item card card-fancy media media-title-only">
|
||||
<img src="https://placekitten.com/50/50" alt="" class="img" />
|
||||
<img src="/icon-testing.svg" alt="Storybook Testing" width="20" height="20" class="img" />
|
||||
<h3>Testing</h3>
|
||||
<p>TK</p>
|
||||
</a>
|
||||
<a href="../sharing/index.md" class="sb-grid-item card card-fancy media media-title-only">
|
||||
<img src="https://placekitten.com/50/50" alt="" class="img" />
|
||||
<img src="/icon-sharing.svg" alt="Share Storybook" width="20" height="20" class="img" />
|
||||
<h3>Sharing</h3>
|
||||
<p>TK</p>
|
||||
</a>
|
||||
@ -114,33 +114,33 @@ TK
|
||||
|
||||
TK
|
||||
|
||||
<div class="sb-grid four-up">
|
||||
<div class="sb-grid three-up">
|
||||
<a href="../builders/index.md" class="sb-grid-item media">
|
||||
<img src="https://placekitten.com/50/50" alt="" class="img" />
|
||||
<img src="/icon-more.svg" width="28" height="28" alt="" class="img" />
|
||||
Builders
|
||||
</a>
|
||||
<a href="https://storybook.js.org/integrations/" class="sb-grid-item media">
|
||||
<img src="https://placekitten.com/50/50" alt="" class="img" />
|
||||
<img src="/icon-more.svg" width="28" height="28" alt="" class="img" />
|
||||
Addon library
|
||||
</a>
|
||||
<a href="../essentials/index.md" class="sb-grid-item media">
|
||||
<img src="https://placekitten.com/50/50" alt="" class="img" />
|
||||
<img src="/icon-more.svg" width="28" height="28" alt="" class="img" />
|
||||
Essential addons
|
||||
</a>
|
||||
<a href="https://storybook.js.org/integrations/" class="sb-grid-item media">
|
||||
<img src="https://placekitten.com/50/50" alt="" class="img" />
|
||||
<img src="/icon-more.svg" width="28" height="28" alt="" class="img" />
|
||||
Recipes
|
||||
</a>
|
||||
<a href="../contribute/index.md" class="sb-grid-item media">
|
||||
<img src="https://placekitten.com/50/50" alt="" class="img" />
|
||||
<img src="/icon-more.svg" width="28" height="28" alt="" class="img" />
|
||||
How to contribute
|
||||
</a>
|
||||
<a href="../migration-guide/index.md" class="sb-grid-item media">
|
||||
<img src="https://placekitten.com/50/50" alt="" class="img" />
|
||||
<img src="/icon-more.svg" width="28" height="28" alt="" class="img" />
|
||||
Migrate to 8.0
|
||||
</a>
|
||||
<a href="../faq.md" class="sb-grid-item media">
|
||||
<img src="https://placekitten.com/50/50" alt="" class="img" />
|
||||
<img src="/icon-more.svg" width="28" height="28" alt="" class="img" />
|
||||
FAQ
|
||||
</a>
|
||||
</div>
|
||||
@ -183,8 +183,14 @@ TK
|
||||
}
|
||||
|
||||
.card {
|
||||
border-radius: 8px;
|
||||
border-radius: 6px;
|
||||
border: 1px solid #D9E8F2;
|
||||
padding: 12px;
|
||||
transition: border-color 0.2s ease;
|
||||
}
|
||||
|
||||
.card:hover {
|
||||
border-color: #B2C3CD;
|
||||
}
|
||||
|
||||
.card h3 {
|
||||
@ -194,6 +200,12 @@ TK
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.card p {
|
||||
font-size: 14px;
|
||||
line-height: 24px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.card.card-fancy {
|
||||
border: 1px solid #D9E8F2;
|
||||
padding: 32px;
|
||||
@ -219,8 +231,6 @@ TK
|
||||
}
|
||||
|
||||
.media:not(.media-title-only) .img {
|
||||
height: 28px;
|
||||
width: 28px;
|
||||
grid-row: span 2;
|
||||
}
|
||||
|
||||
@ -229,8 +239,7 @@ TK
|
||||
}
|
||||
|
||||
.media-title-only .img {
|
||||
height: 32px;
|
||||
width: 32px;
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
.media-title-only p {
|
||||
|
||||
5
docs/get-started/logo-angular.svg
Normal file
5
docs/get-started/logo-angular.svg
Normal file
@ -0,0 +1,5 @@
|
||||
<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M13.7635 0L0.729492 4.64799L2.71749 21.8819L13.7635 27.9999L24.8094 21.8819L26.7974 4.64799L13.7635 0Z" fill="#DD0031"/>
|
||||
<path d="M13.7637 0V3.10799V3.09399V17.276V27.9999L24.8096 21.8819L26.7976 4.64799L13.7637 0Z" fill="#C3002F"/>
|
||||
<path d="M13.7632 3.09399L5.61523 21.364H8.65323L10.2912 17.276H17.2072L18.8452 21.364H21.8832L13.7632 3.09399ZM16.1432 14.756H11.3832L13.7632 9.02998L16.1432 14.756Z" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 528 B |
15
docs/get-started/logo-nextjs.svg
Normal file
15
docs/get-started/logo-nextjs.svg
Normal file
@ -0,0 +1,15 @@
|
||||
<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M14 28C21.732 28 28 21.732 28 14C28 6.26801 21.732 0 14 0C6.26801 0 0 6.26801 0 14C0 21.732 6.26801 28 14 28Z" fill="black"/>
|
||||
<path d="M23.2572 24.503L10.7558 8.39996H8.40039V19.5953H10.2847V10.7931L21.778 25.6425C22.2958 25.2959 22.79 24.9152 23.2572 24.503Z" fill="url(#paint0_linear_52_2491)"/>
|
||||
<path d="M17.8887 8.39996H19.7554V19.6H17.8887V8.39996Z" fill="url(#paint1_linear_52_2491)"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_52_2491" x1="834.931" y1="980.62" x2="1331.06" y2="1595.55" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="white"/>
|
||||
<stop offset="1" stop-color="white" stop-opacity="0"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_52_2491" x1="111.224" y1="8.39996" x2="108.066" y2="830.894" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="white"/>
|
||||
<stop offset="1" stop-color="white" stop-opacity="0"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 972 B |
3
docs/get-started/logo-react.svg
Normal file
3
docs/get-started/logo-react.svg
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M22.1158 9.86165C25.6771 10.9182 28 12.6218 28 14.4196C28 16.2118 25.6885 17.9155 22.15 18.972C22.9776 22.4789 22.618 25.2723 21.0143 26.1684C20.6376 26.3786 20.2038 26.4782 19.7244 26.4782C18.1549 26.4782 16.1003 25.4051 14.0228 23.5354C11.9454 25.4161 9.89075 26.5003 8.32124 26.5003C7.84183 26.5003 7.40807 26.4007 7.0371 26.1905C5.42764 25.2944 5.06237 22.4955 5.88422 18.9775C2.32287 17.921 0 16.2173 0 14.4196C0 12.6274 2.31146 10.9292 5.86139 9.86718C5.03384 6.36022 5.3934 3.56683 6.99715 2.67073C7.37383 2.46054 7.80758 2.36097 8.287 2.36097V2.35544C9.8565 2.35544 11.9111 3.42854 13.9886 5.29818C16.066 3.41748 18.1207 2.33331 19.6902 2.33331V2.33885C20.1617 2.33965 20.5934 2.43926 20.9629 2.64861C22.5724 3.54471 22.9376 6.34363 22.1158 9.86165ZM19.6845 3.56684C18.4975 3.56977 16.7536 4.48774 14.896 6.16109C15.7008 6.97422 16.4998 7.9035 17.2703 8.92683C18.5544 9.05958 19.7758 9.26425 20.8944 9.52976C21.02 8.97108 21.1227 8.42346 21.1855 7.9035C21.448 5.79048 21.1113 4.14764 20.3351 3.71618C20.1582 3.62215 19.947 3.57236 19.6845 3.57236V3.56684ZM13.0811 6.16662C11.2205 4.50165 9.46841 3.58896 8.287 3.58896V3.59449C8.02446 3.59449 7.80188 3.63874 7.63066 3.73831C6.86017 4.17529 6.52915 5.81814 6.79739 7.93116C6.86588 8.44559 6.9629 8.98214 7.09417 9.53529C8.2128 9.26425 9.43416 9.05958 10.724 8.92683C11.4831 7.9035 12.2821 6.97975 13.0811 6.16662ZM19.7986 12.915C20.0954 12.1793 20.3579 11.4436 20.5691 10.7301C19.8214 10.5531 19.0395 10.4093 18.2291 10.2931C18.5088 10.7135 18.7884 11.1449 19.051 11.5875C19.3192 12.03 19.5646 12.4725 19.7986 12.915ZM16.5797 18.7341C17.0534 18.0759 17.51 17.3679 17.9552 16.6211C18.3832 15.8965 18.777 15.1553 19.1366 14.414C18.777 13.6728 18.3832 12.9371 17.9495 12.2125C17.5043 11.4713 17.042 10.7688 16.5683 10.1106C15.7236 10.0442 14.8618 10.0055 14 10.0055C13.1325 10.0055 12.2707 10.0442 11.4203 10.1161C10.9466 10.7743 10.49 11.4824 10.0448 12.2291C9.6168 12.9537 9.21729 13.695 8.86343 14.4362C9.22299 15.1774 9.6168 15.9131 10.0506 16.6377C10.4957 17.3789 10.958 18.0814 11.4317 18.7397C12.2764 18.806 13.1382 18.8448 14 18.8448C14.8675 18.8448 15.7293 18.806 16.5797 18.7341ZM20.5862 18.1035C20.3693 17.3844 20.1068 16.6432 19.7986 15.902C19.5646 16.3445 19.3192 16.7926 19.0567 17.2351C18.7941 17.6831 18.5145 18.1201 18.2348 18.5461C19.051 18.4299 19.8386 18.2805 20.5862 18.1035ZM12.4248 20.034C12.9499 20.6812 13.4806 21.2731 14.0114 21.8041C14.5365 21.2731 15.0673 20.6812 15.5809 20.034C15.0616 20.0617 14.5308 20.0727 13.9943 20.0727C13.4635 20.0727 12.9384 20.0561 12.4248 20.034ZM7.42519 18.1091C8.17285 18.2861 8.95475 18.4299 9.76519 18.5461C9.48553 18.1257 9.21158 17.6942 8.94333 17.2517C8.67509 16.8092 8.42968 16.3667 8.19568 15.9241C7.8989 16.6598 7.63636 17.3955 7.42519 18.1091ZM15.5695 8.80513C15.0444 8.15795 14.5137 7.56608 13.9829 7.03506C13.4578 7.56608 12.927 8.15795 12.4134 8.80513C12.9327 8.77748 13.4635 8.76641 14 8.76641C14.5308 8.76641 15.0559 8.78301 15.5695 8.80513ZM8.93763 11.6041C9.20016 11.156 9.47982 10.719 9.75948 10.2931C8.94334 10.4093 8.15573 10.5586 7.40807 10.7301C7.62495 11.4492 7.88748 12.1904 8.19568 12.9316C8.42968 12.4891 8.67509 12.0466 8.93763 11.6041ZM1.26702 14.4196C1.26702 15.288 2.57399 16.3833 4.59438 17.2185C5.09091 17.4232 5.6274 17.6112 6.19242 17.7827C6.51203 16.7041 6.93437 15.5812 7.45944 14.4306C6.92866 13.2746 6.50061 12.1461 6.1753 11.062C5.62169 11.2334 5.0852 11.416 4.59438 11.6207C2.57399 12.4504 1.26702 13.5511 1.26702 14.4196ZM6.81451 20.9356C6.55198 23.0487 6.88871 24.6915 7.6649 25.123C7.83612 25.217 8.053 25.2668 8.30982 25.2723C9.49694 25.2723 11.2434 24.3541 13.104 22.6781C12.2992 21.8649 11.5002 20.9356 10.7297 19.9123C9.44558 19.7796 8.22422 19.5749 7.10559 19.3094C6.98003 19.8681 6.87729 20.4157 6.81451 20.9356ZM20.3693 25.1008C21.1398 24.6639 21.4709 23.021 21.2026 20.908C21.1398 20.3936 21.0371 19.857 20.9058 19.2983C19.7872 19.5694 18.5658 19.774 17.276 19.9068C16.5169 20.9301 15.7179 21.8539 14.9189 22.667C16.7795 24.332 18.5316 25.2447 19.713 25.2447C19.9755 25.2447 20.1981 25.2004 20.3693 25.1008ZM21.819 17.7772C22.3726 17.6057 22.9091 17.4232 23.3999 17.2185C25.4203 16.3888 26.7273 15.288 26.733 14.4196C26.733 13.5511 25.426 12.4559 23.4056 11.6207C22.9034 11.416 22.3669 11.2279 21.8019 11.0564C21.4823 12.1351 21.0599 13.258 20.5349 14.4085C21.0656 15.5646 21.4937 16.693 21.819 17.7772ZM16.6021 14.4197C16.6021 15.8158 15.4344 16.9475 13.9939 16.9475C12.5534 16.9475 11.3857 15.8158 11.3857 14.4197C11.3857 13.0235 12.5534 11.8918 13.9939 11.8918C15.4344 11.8918 16.6021 13.0235 16.6021 14.4197Z" fill="#61DAFB"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.6 KiB |
11
docs/get-started/logo-svelte.svg
Normal file
11
docs/get-started/logo-svelte.svg
Normal file
@ -0,0 +1,11 @@
|
||||
<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_55_2608)">
|
||||
<path d="M24.2959 3.70168C21.7033 -0.0237393 16.5419 -1.11526 12.8314 1.23389L6.29049 5.41016C4.50659 6.52541 3.26976 8.35253 2.91298 10.4169C2.60377 12.1491 2.86541 13.9288 3.69789 15.4712C3.12705 16.3254 2.74648 17.2746 2.57999 18.2712C2.19942 20.383 2.69891 22.5661 3.93575 24.2983C6.55212 28.0237 11.6897 29.1152 15.4002 26.7661L21.9412 22.6135C23.7251 21.4983 24.9619 19.6712 25.3187 17.6068C25.6279 15.8746 25.3663 14.0949 24.5338 12.5525C25.1046 11.6983 25.4852 10.7491 25.6517 9.75253C26.056 7.61694 25.5565 5.43389 24.2959 3.70168Z" fill="#FF3E00"/>
|
||||
<path d="M12.1899 24.6542C10.073 25.2 7.86102 24.3695 6.62418 22.5898C5.86306 21.5457 5.57763 20.2407 5.7917 18.9593C5.83927 18.7457 5.88684 18.5559 5.93441 18.3424L6.05334 17.9627L6.38633 18.2C7.17124 18.7695 8.02751 19.1966 8.95514 19.4813L9.19299 19.5525L9.16921 19.7898C9.14542 20.122 9.24056 20.4779 9.43084 20.7627C9.81141 21.3085 10.4774 21.5695 11.1196 21.4034C11.2623 21.3559 11.405 21.3085 11.5239 21.2373L18.0411 17.0847C18.3741 16.8712 18.5882 16.5627 18.6595 16.183C18.7309 15.8034 18.6357 15.4 18.4217 15.0915C18.0411 14.5457 17.3751 14.3085 16.7329 14.4746C16.5902 14.522 16.4475 14.5695 16.3286 14.6407L13.8311 16.2305C13.4268 16.4915 12.9748 16.6813 12.4991 16.8C10.3823 17.3457 8.17022 16.5152 6.93339 14.7356C6.19605 13.6915 5.88684 12.3864 6.12469 11.1051C6.33876 9.87117 7.09989 8.75591 8.17022 8.0915L14.7112 3.93896C15.1155 3.67795 15.5674 3.48812 16.0431 3.34574C18.16 2.79998 20.3721 3.63049 21.6089 5.41015C22.37 6.45422 22.6554 7.7593 22.4414 9.04066C22.3938 9.25422 22.3462 9.44405 22.2749 9.65761L22.156 10.0373L21.823 9.79998C21.038 9.23049 20.1818 8.80337 19.2542 8.51862L19.0163 8.44744L19.0401 8.21015C19.0639 7.87794 18.9687 7.52201 18.7784 7.23727C18.3979 6.6915 17.7319 6.45422 17.0897 6.62032C16.947 6.66778 16.8043 6.71523 16.6853 6.78642L10.1682 10.939C9.83519 11.1525 9.62112 11.461 9.54977 11.8407C9.47841 12.2203 9.57355 12.6237 9.78762 12.9322C10.1682 13.4779 10.8342 13.7152 11.4764 13.5491C11.6191 13.5017 11.7618 13.4542 11.8807 13.383L14.3782 11.7932C14.7825 11.5322 15.2344 11.3424 15.7101 11.2C17.827 10.6542 20.0391 11.4847 21.2759 13.2644C22.037 14.3085 22.3224 15.6135 22.1084 16.8949C21.8943 18.1288 21.1332 19.244 20.0628 19.9085L13.5219 24.061C13.1176 24.322 12.6656 24.5118 12.1899 24.6542Z" fill="white"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_55_2608">
|
||||
<rect width="28" height="28" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.5 KiB |
4
docs/get-started/logo-vue.svg
Normal file
4
docs/get-started/logo-vue.svg
Normal file
@ -0,0 +1,4 @@
|
||||
<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M17.2332 2.29037L14 7.89703L10.7668 2.29037H0L14 26.5682L28 2.29037H17.2332Z" fill="#41B883"/>
|
||||
<path d="M17.2328 2.29041L13.9996 7.89707L10.7665 2.29041H5.59961L13.9996 16.8568L22.3996 2.29041H17.2328Z" fill="#34495E"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 332 B |
18
docs/get-started/logo-web-components.svg
Normal file
18
docs/get-started/logo-web-components.svg
Normal file
@ -0,0 +1,18 @@
|
||||
<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M27.9297 14.0695L24.9036 19.1652L20.6602 14L24.9036 8.97388L27.9297 14.0695Z" fill="#166DA5"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M24.5741 20.0348L19.9654 14.5217L17.2002 19.1478L21.4958 25.4261L24.5741 20.0348Z" fill="#8FDB69"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M24.5219 8.06955L19.9654 13.6L17.2002 8.97389L21.4958 2.7652L24.5219 8.06955Z" fill="#166DA5"/>
|
||||
<path opacity="0.95" fill-rule="evenodd" clip-rule="evenodd" d="M10.626 8.06954H24.5216L21.4608 2.73041H13.6868L10.626 8.06954ZM19.9651 13.6174H27.6521L24.8868 8.95649H17.1825" fill="url(#paint0_linear_55_2624)"/>
|
||||
<path opacity="0.95" fill-rule="evenodd" clip-rule="evenodd" d="M24.5736 20.0522H10.6084L13.6693 25.3565H21.4954L24.5736 20.0522ZM19.9649 14.5043H27.6519L24.8867 19.1652H17.1823" fill="url(#paint1_linear_55_2624)"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.6693 25.3565L7.1302 14.0522L13.7563 2.7478H6.59107L0.0693359 14.0522L6.59107 25.3565H13.6693Z" fill="#010101"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_55_2624" x1="10.626" y1="547.078" x2="27.6521" y2="547.078" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#2A3B8F"/>
|
||||
<stop offset="1" stop-color="#29ABE2"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_55_2624" x1="1714.96" y1="557.113" x2="10.6084" y2="557.113" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#B4D44E"/>
|
||||
<stop offset="1" stop-color="#E7F716"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
Loading…
x
Reference in New Issue
Block a user