Sidebar
Below you can find a sidebar component styled with tailwindcss.
Sidebar
- Preview
- HTML
- React
Copy
<aside class="w-fit h-full absolute top-0">
<div class="p-3 overflow-y-auto bg-white dark:bg-black relative h-full shadow-100">
<div class="mb-6">
<svg class="text-black dark:text-white" fill="none" viewbox="0 0 143 48" height="48" width="143" xmlns="http://www.w3.org/2000/svg">
<path fill="#5C99D2" d="M26.391 32.0051C26.4168 31.8935 26.4425 31.7819 26.4597 31.666C26.4856 31.5024 26.5028 31.3376 26.5112 31.1722C26.532 30.6864 26.4887 30.1999 26.3824 29.7254C26.3824 29.6825 26.3824 29.6352 26.3524 29.5923C26.0196 28.332 25.2375 27.2369 24.1533 26.5134C23.0691 25.7898 21.7577 25.4877 20.4662 25.6639H20.4061C19.2313 25.7491 18.0507 25.7044 16.8856 25.5308C13.451 25.05 11.1841 22.8089 10.4456 20.074C9.3723 16.1199 11.4374 12.3461 16.0956 10.4012C18.7704 9.28492 20.595 6.81197 19.8823 3.99556C19.7133 3.32198 19.4131 2.68835 18.9989 2.13095C18.5847 1.57355 18.0646 1.10333 17.4684 0.747205C16.8722 0.391081 16.2116 0.156051 15.5244 0.0555693C14.8373 -0.0449121 14.137 -0.00887058 13.4638 0.16163C10.8149 0.831387 9.33366 3.38162 9.53974 6.05206C9.91755 11.0237 8.58663 13.9389 2.97956 16.5277C2.83281 16.5918 2.68951 16.6634 2.55023 16.7424C2.02892 17.0415 1.56396 17.4294 1.17637 17.8887C1.08333 17.9972 0.995913 18.1104 0.914476 18.2279C0.7513 18.4678 0.607725 18.7205 0.485144 18.9835C0.425038 19.108 0.373518 19.2368 0.321999 19.3699C0.320289 19.3842 0.320289 19.3986 0.321999 19.4128C0.274772 19.5416 0.231839 19.6662 0.193199 19.7992V19.8508C0.154559 19.9839 0.120213 20.117 0.0944529 20.25C0.0944529 20.25 0.0944529 20.25 0.0944529 20.2844C0.068693 20.4161 0.0472264 20.5592 0.0300532 20.7137C0.0300532 20.8511 0.00429331 20.9885 0 21.1431V21.2032C0 21.3363 0 21.4736 0 21.611C0 21.6325 0 21.6583 0 21.6797C0 21.8171 0.0257599 21.9545 0.0472265 22.109C0.0451706 22.1276 0.0451706 22.1463 0.0472265 22.1649C0.0691881 22.3096 0.099289 22.4529 0.137386 22.5942C0.171733 22.7359 0.214666 22.8776 0.261892 23.0235C0.261892 23.0235 0.261892 23.0579 0.261892 23.0793C0.304825 23.2081 0.356345 23.3369 0.412158 23.4614C0.424749 23.4831 0.434831 23.5062 0.442211 23.5301C0.502318 23.6503 0.562424 23.7706 0.626824 23.8865C0.626824 23.9079 0.64829 23.9251 0.656877 23.9423C0.729863 24.0625 0.798556 24.1784 0.880129 24.2943C0.961702 24.4103 1.04328 24.5219 1.13343 24.6335C1.2193 24.7409 1.31375 24.8439 1.40821 24.9426L1.44685 24.977C1.54028 25.0755 1.63918 25.1687 1.74309 25.256C1.75243 25.2682 1.7641 25.2785 1.77743 25.2861C1.88476 25.3806 1.9921 25.4664 2.10372 25.548C2.34021 25.7204 2.59166 25.8712 2.85505 25.9988C2.98385 26.0632 3.11265 26.1233 3.24575 26.1748H3.26721C3.82789 26.393 4.4218 26.5135 5.02318 26.5312C5.17774 26.5312 5.328 26.5312 5.48256 26.5312C9.93043 26.3465 12.9916 27.4242 14.8506 29.8799C15.3632 30.602 15.7924 31.3797 16.13 32.1983L16.1557 32.2499C17.053 34.5554 19.0623 36.1739 21.3807 36.1353C21.7701 36.129 22.1576 36.0786 22.5356 35.985C23.458 35.7521 24.3002 35.274 24.9729 34.6013C25.6456 33.9286 26.1238 33.0864 26.3567 32.164C26.3738 32.1168 26.3781 32.0609 26.391 32.0051Z"></path>
<path fill="#FF6D2A" d="M17.0272 15.9911C17.0015 16.107 16.9757 16.2186 16.9585 16.3302C16.9327 16.4952 16.9155 16.6615 16.907 16.8283C16.8826 17.314 16.9245 17.8007 17.0315 18.2751C17.0315 18.318 17.0315 18.3653 17.0616 18.4082C17.3952 19.668 18.1775 20.7625 19.2615 21.486C20.3454 22.2094 21.6563 22.5119 22.9477 22.3366H23.0121C24.1868 22.2502 25.3674 22.2934 26.5326 22.4654C29.9673 22.9505 32.2341 25.1916 32.9726 27.9265C34.0459 31.8806 31.9808 35.6545 27.3226 37.5993C24.6522 38.7242 22.8275 41.2143 23.5402 44.0135C23.7102 44.6859 24.0109 45.3182 24.4252 45.8743C24.8396 46.4304 25.3594 46.8994 25.955 47.2547C26.5506 47.6099 27.2104 47.8443 27.8966 47.9445C28.5828 48.0448 29.2821 48.0089 29.9544 47.8389C32.6034 47.1648 34.0846 44.6189 33.8828 41.9484C33.5007 36.9768 34.8316 34.0616 40.443 31.4728C40.5846 31.4041 40.722 31.3354 40.8723 31.2581C41.3927 30.9578 41.8575 30.57 42.2462 30.1118C42.3363 30.0044 42.4265 29.8885 42.508 29.7726C42.6708 29.5309 42.8143 29.2768 42.9374 29.0127C42.9975 28.8839 43.0533 28.7551 43.1005 28.6263C43.1022 28.612 43.1022 28.5976 43.1005 28.5834C43.1477 28.4546 43.1907 28.3301 43.2293 28.197C43.2293 28.197 43.2293 28.1626 43.2293 28.1454C43.2637 28.0124 43.298 27.8793 43.3238 27.7462C43.3259 27.7348 43.3259 27.7232 43.3238 27.7118C43.3538 27.5744 43.371 27.437 43.3882 27.2825C43.3882 27.1451 43.3882 27.0034 43.4139 26.8532V26.7888C43.4139 26.6557 43.4139 26.5226 43.4139 26.3852C43.4139 26.3852 43.4139 26.338 43.4139 26.3122C43.4139 26.1748 43.3925 26.0417 43.371 25.9043V25.8442C43.371 25.7025 43.3195 25.5566 43.2851 25.4149C43.2508 25.2732 43.2036 25.1315 43.1563 24.9856V24.9298C43.1091 24.801 43.0576 24.6722 43.0018 24.5476C42.9892 24.526 42.9791 24.5029 42.9717 24.479C42.9159 24.3587 42.8515 24.2385 42.7871 24.1183V24.041C42.7193 23.9196 42.6447 23.8021 42.5639 23.689C42.4823 23.5731 42.4007 23.4657 42.3106 23.3541V23.3283C42.2204 23.2253 42.1302 23.1223 42.0315 23.0235L41.9971 22.9849C41.8984 22.8904 41.7996 22.796 41.7009 22.7101L41.6623 22.6758C41.5549 22.5856 41.4476 22.4997 41.336 22.4182C41.0975 22.255 40.8462 22.1115 40.5846 21.9888C40.4558 21.9287 40.3227 21.8686 40.1897 21.8171C39.6287 21.6003 39.0348 21.4812 38.4337 21.465C38.2834 21.465 38.1289 21.465 37.9743 21.465C33.5307 21.654 30.4653 20.5763 28.6063 18.1206C28.1117 17.4114 27.697 16.6497 27.3698 15.8494L27.3441 15.7936C26.4468 13.4924 24.4418 11.8738 22.1191 11.9296C21.7295 11.9339 21.3419 11.9843 20.9642 12.0799C20.0422 12.3136 19.2005 12.792 18.5279 13.4646C17.8553 14.1372 17.3769 14.9789 17.1431 15.9009C17.0487 15.8837 17.0401 15.9396 17.0272 15.9911Z"></path>
<path fill="currentColor" d="M59.4022 32.0696C60.9135 32.0696 61.463 31.5888 61.463 30.6958C61.463 29.5967 60.4326 29.1502 58.7153 28.635C55.5897 27.7076 52.1894 26.4368 52.1894 22.4526C52.1894 19.5332 54.0785 17.6441 58.3718 17.6441C60.2251 17.6424 62.0714 17.8732 63.8672 18.331C63.9465 18.359 64.0185 18.4043 64.078 18.4638C64.1374 18.5232 64.1828 18.5952 64.2107 18.6745C64.2107 18.6745 64.5542 21.2848 64.5542 21.4222C64.5567 21.468 64.5495 21.5137 64.5331 21.5565C64.5167 21.5993 64.4915 21.6382 64.4591 21.6706C64.4267 21.703 64.3878 21.7282 64.345 21.7446C64.3022 21.761 64.2565 21.7682 64.2107 21.7657C62.29 21.3558 60.3352 21.1259 58.3718 21.0788C56.998 21.0788 56.311 21.5596 56.311 22.4526C56.311 23.5517 57.3414 23.9982 59.0587 24.5134C62.1843 25.4408 65.5846 26.6601 65.5846 30.6958C65.5846 33.4435 63.3521 35.5043 59.4022 35.5043C57.1854 35.5173 54.9813 35.1693 52.8764 34.4739C52.7971 34.4459 52.7251 34.4006 52.6657 34.3412C52.6062 34.2817 52.5609 34.2097 52.5329 34.1304C52.5329 34.1304 52.1894 31.5201 52.1894 31.3827C52.187 31.337 52.1942 31.2912 52.2105 31.2484C52.2269 31.2056 52.2521 31.1667 52.2845 31.1343C52.3169 31.1019 52.3558 31.0767 52.3986 31.0603C52.4414 31.044 52.4871 31.0368 52.5329 31.0392C52.7046 31.0392 56.311 32.0696 59.4022 32.0696Z"></path>
<path fill="currentColor" d="M72.6946 28.2915C72.9693 30.4897 73.8967 32.0697 77.3313 32.0697C79.2937 32.0083 81.2472 31.7785 83.1702 31.3827C83.216 31.3803 83.2618 31.3874 83.3046 31.4038C83.3474 31.4202 83.3862 31.4454 83.4186 31.4778C83.451 31.5102 83.4762 31.5491 83.4926 31.5919C83.509 31.6347 83.5162 31.6804 83.5137 31.7262C83.5137 31.8292 83.1702 34.4739 83.1702 34.4739C83.1587 34.561 83.1188 34.6418 83.0567 34.7039C82.9947 34.766 82.9138 34.8059 82.8268 34.8174C81.0309 35.2752 79.1847 35.506 77.3313 35.5043C69.9468 35.5043 68.4012 31.4858 68.4012 26.5742C68.4012 21.6627 69.9812 17.6785 76.9879 17.6785C81.8651 17.6785 84.5784 20.3918 84.5784 26.5742V27.9481C84.5699 28.0422 84.5263 28.1297 84.4563 28.1933C84.3864 28.2569 84.2952 28.2919 84.2006 28.2915H72.6946ZM72.6946 24.8569H80.3882C80.2508 22.9335 79.3921 21.0788 76.9879 21.0788C73.725 21.0788 72.935 22.6931 72.6946 24.8569Z"></path>
<path fill="currentColor" d="M88.4595 10.0535C88.457 10.0077 88.4642 9.96193 88.4806 9.91914C88.4969 9.87635 88.5221 9.83748 88.5546 9.80508C88.587 9.77268 88.6258 9.74747 88.6686 9.73108C88.7114 9.7147 88.7572 9.70751 88.8029 9.70999L92.2376 9.36652C92.2833 9.36405 92.3291 9.37123 92.3719 9.38762C92.4147 9.404 92.4536 9.42921 92.486 9.46162C92.5184 9.49402 92.5436 9.53288 92.56 9.57568C92.5763 9.61847 92.5835 9.66423 92.581 9.70999V32.413C92.5942 33.2257 92.7096 34.0335 92.9245 34.8173C92.927 34.863 92.9198 34.9088 92.9034 34.9516C92.887 34.9944 92.8618 35.0333 92.8294 35.0657C92.797 35.0981 92.7582 35.1233 92.7154 35.1397C92.6726 35.156 92.6268 35.1632 92.581 35.1608H89.1464C89.009 35.1608 88.8716 35.0234 88.8029 34.8173C88.5724 34.0368 88.4567 33.2269 88.4595 32.413V10.0535Z"></path>
<path fill="currentColor" d="M97.6298 10.0535C97.6273 10.0077 97.6345 9.96193 97.6508 9.91914C97.6672 9.87635 97.6924 9.83748 97.7248 9.80508C97.7572 9.77268 97.7961 9.74747 97.8389 9.73108C97.8817 9.7147 97.9275 9.70751 97.9732 9.70999L101.408 9.36652C101.454 9.36405 101.499 9.37123 101.542 9.38762C101.585 9.404 101.624 9.42921 101.656 9.46162C101.689 9.49402 101.714 9.53288 101.73 9.57568C101.747 9.61847 101.754 9.66423 101.751 9.70999V32.413C101.764 33.2257 101.88 34.0335 102.095 34.8173C102.097 34.863 102.09 34.9088 102.074 34.9516C102.057 34.9944 102.032 35.0333 102 35.0657C101.967 35.0981 101.928 35.1233 101.886 35.1397C101.843 35.156 101.797 35.1632 101.751 35.1608H98.3167C98.1793 35.1608 98.0419 35.0234 97.9732 34.8173C97.7426 34.0368 97.627 33.2269 97.6298 32.413V10.0535Z"></path>
<path fill="currentColor" d="M110.132 28.2915C110.407 30.4897 111.334 32.0697 114.769 32.0697C116.731 32.0083 118.685 31.7785 120.608 31.3827C120.653 31.3803 120.699 31.3874 120.742 31.4038C120.785 31.4202 120.824 31.4454 120.856 31.4778C120.888 31.5102 120.914 31.5491 120.93 31.5919C120.946 31.6347 120.954 31.6804 120.951 31.7262C120.951 31.8292 120.608 34.4739 120.608 34.4739C120.596 34.561 120.556 34.6418 120.494 34.7039C120.432 34.766 120.351 34.8059 120.264 34.8174C118.468 35.2752 116.622 35.506 114.769 35.5043C107.384 35.5043 105.839 31.4858 105.839 26.5742C105.839 21.6627 107.419 17.6785 114.425 17.6785C119.302 17.6785 122.016 20.3918 122.016 26.5742V27.9481C122.007 28.0422 121.964 28.1297 121.894 28.1933C121.824 28.2569 121.733 28.2919 121.638 28.2915H110.132ZM110.132 24.8569H117.826C117.688 22.9335 116.83 21.0788 114.425 21.0788C111.162 21.0788 110.372 22.6931 110.132 24.8569Z"></path>
<path fill="currentColor" d="M133.449 17.6441C138.601 17.6441 142.036 20.3918 142.036 26.5742C142.036 32.7566 138.601 35.5043 133.449 35.5043C128.297 35.5043 124.862 32.7566 124.862 26.5742C124.862 20.3918 128.297 17.6441 133.449 17.6441ZM133.449 32.0696C136.884 32.0696 137.914 30.0088 137.914 26.5742C137.914 23.1395 136.884 21.0787 133.449 21.0787C130.014 21.0787 128.984 23.1395 128.984 26.5742C128.984 30.0088 130.014 32.0696 133.449 32.0696Z"></path>
</svg>
</div>
<ul class="p-0">
<li class="m-0 mb-5 cursor-pointer list-none">
<div class="flex items-center text-base leading-relaxed tracking-normal text-brand-primary-500">
<svg fill="none" viewbox="0 0 24 24" height="24" width="24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5" stroke="currentColor" d="M7.49811 10.1572V17.0021H16.6019V10.2273"></path>
<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5" stroke="currentColor" d="M6.29761 10.9996L12 6.99791L17.7024 10.9996"></path>
<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5" stroke="currentColor" d="M13.6507 17.0021V14.2009C13.6507 13.6007 13.1505 13.1004 12.5502 13.1004H11.4498C10.8495 13.1004 10.3493 13.6007 10.3493 14.2009V17.0021"></path>
<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5" stroke="currentColor" d="M7.49809 2.99625H16.5058C18.9899 2.99625 21.0037 5.01009 21.0037 7.49412V16.5069C21.0037 18.9899 18.9899 21.0037 16.5058 21.0037H7.49409C5.01005 21.0037 2.99622 18.9899 2.99622 16.5059V7.49812C2.99622 5.01209 5.01206 2.99625 7.49809 2.99625Z" clip-rule="evenodd" fill-rule="evenodd"></path>
</svg>
<span class="ml-1">Dashboard</span>
</div>
</li>
<li class="m-0 mb-5 cursor-pointer list-none">
<div class="flex items-center text-base leading-relaxed tracking-normal text-neutral-600 dark:text-white">
<svg fill="none" viewbox="0 0 24 24" height="24" width="24" xmlns="http://www.w3.org/2000/svg">
<circle stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5" stroke="currentColor" r="9.00375" cy="12" cx="12"></circle>
<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5" stroke="currentColor" d="M15.6125 16.5019H8.38747C8.0805 16.5013 7.83179 16.2526 7.83124 15.9456V15.4944C7.83509 14.2105 8.87526 13.1708 10.1592 13.1675H13.8407C15.1247 13.1708 16.1649 14.2105 16.1687 15.4944V15.9456C16.1682 16.2526 15.9194 16.5013 15.6125 16.5019Z" clip-rule="evenodd" fill-rule="evenodd"></path>
<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5" stroke="currentColor" d="M12 10.9996C10.758 10.9996 9.75074 9.99361 9.74909 8.75163C9.74744 7.50965 10.752 6.50102 11.994 6.4977C13.236 6.4944 14.246 7.49766 14.251 8.73964C14.2528 9.33802 14.0165 9.91256 13.5943 10.3365C13.172 10.7605 12.5984 10.9991 12 10.9996V10.9996Z" clip-rule="evenodd" fill-rule="evenodd"></path>
</svg>
<span class="ml-1">Users</span>
</div>
</li>
<li class="m-0 mb-5 cursor-pointer list-none">
<div class="flex items-center text-base leading-relaxed tracking-normal text-neutral-600 dark:text-white">
<svg fill="none" viewbox="0 0 24 24" height="24" width="24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5" stroke="currentColor" d="M19.5031 9.99916V5.42526C19.5031 4.08375 18.4156 2.99625 17.0741 2.99625H5.42523C4.08372 2.99625 2.99622 4.08375 2.99622 5.42526V13.0004C2.99622 14.3419 4.08372 15.4294 5.42523 15.4294H13.0004"></path>
<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5" stroke="currentColor" d="M8.92673 15.4294L8.48055 19.0029"></path>
<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5" stroke="currentColor" d="M6.9259 19.0029H13.0004"></path>
<rect stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5" stroke="currentColor" rx="1" height="11.0046" width="8.00333" y="9.99918" x="13.0004"></rect>
<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5" stroke="currentColor" d="M15.7516 18.7528H18.2526"></path>
</svg>
<span class="ml-1">Properties</span>
</div>
</li>
<li class="m-0 mb-5 cursor-pointer list-none">
<div class="flex items-center text-base leading-relaxed tracking-normal text-neutral-600 dark:text-white">
<svg fill="none" viewbox="0 0 24 24" height="24" width="24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5" stroke="currentColor" d="M14.0008 16.0147V20.5036C14.0008 20.7797 14.2149 21.0038 14.48 21.0038H19.5251C19.7892 21.0038 20.0033 20.7797 20.0033 20.5036V15.9877"></path>
<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5" stroke="currentColor" d="M13.0004 16.6689L17.0841 14.0008L21.0037 16.6689"></path>
<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5" stroke="currentColor" d="M10.4553 12.8674C11.8272 12.8674 12.9394 11.7552 12.9394 10.3833C12.9394 9.01143 11.8272 7.89929 10.4553 7.89929C9.08345 7.89929 7.97131 9.01143 7.97131 10.3833C7.97131 11.7552 9.08345 12.8674 10.4553 12.8674Z" clip-rule="evenodd" fill-rule="evenodd"></path>
<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5" stroke="currentColor" d="M17.8914 10.9235C18.0215 8.86169 17.3052 6.75681 15.7295 5.18116C12.8163 2.26794 8.09434 2.26794 5.18113 5.18116C2.26791 8.09437 2.26791 12.8163 5.18113 15.7295L10.4553 21.0037"></path>
</svg>
<span class="ml-1">Booking Room</span>
</div>
</li>
<li class="m-0 mb-5 cursor-pointer list-none">
<div class="flex items-center text-base leading-relaxed tracking-normal text-neutral-600 dark:text-white">
<svg fill="none" viewbox="0 0 24 24" height="24" width="24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5" stroke="currentColor" d="M3.99667 10.9996V21.0037"></path>
<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5" stroke="currentColor" d="M9.99919 2.99625H14.0009C15.1059 2.99625 16.0017 3.89205 16.0017 4.99708V10.9996H7.99835V4.99708C7.99835 3.89205 8.89416 2.99625 9.99919 2.99625Z" clip-rule="evenodd" fill-rule="evenodd"></path>
<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5" stroke="currentColor" d="M7.99834 14.0008H16.0017C16.5542 14.0008 17.0021 14.4487 17.0021 15.0012V15.5014C17.0021 16.3302 16.3302 17.0021 15.5015 17.0021H8.49855C7.66978 17.0021 6.99792 16.3302 6.99792 15.5014V15.0012C6.99792 14.4487 7.44583 14.0008 7.99834 14.0008Z" clip-rule="evenodd" fill-rule="evenodd"></path>
<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5" stroke="currentColor" d="M12 17.0021V21.0037"></path>
<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5" stroke="currentColor" d="M15.0012 21.0037H8.99872"></path>
<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5" stroke="currentColor" d="M22.0042 10.9996H1.99585"></path>
<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5" stroke="currentColor" d="M20.0033 21.0037V10.9996"></path>
</svg>
<span class="ml-1">Booking Desk</span>
</div>
</li>
</ul>
</div>
</aside>
Copy
<aside className="w-fit h-full absolute top-0">
<div className="p-3 overflow-y-auto bg-white dark:bg-black relative h-full shadow-100">
<div className="mb-6">
<svg className="text-black dark:text-white" fill="none" viewbox="0 0 143 48" height="48" width="143" xmlns="http://www.w3.org/2000/svg">
<path fill="#5C99D2" d="M26.391 32.0051C26.4168 31.8935 26.4425 31.7819 26.4597 31.666C26.4856 31.5024 26.5028 31.3376 26.5112 31.1722C26.532 30.6864 26.4887 30.1999 26.3824 29.7254C26.3824 29.6825 26.3824 29.6352 26.3524 29.5923C26.0196 28.332 25.2375 27.2369 24.1533 26.5134C23.0691 25.7898 21.7577 25.4877 20.4662 25.6639H20.4061C19.2313 25.7491 18.0507 25.7044 16.8856 25.5308C13.451 25.05 11.1841 22.8089 10.4456 20.074C9.3723 16.1199 11.4374 12.3461 16.0956 10.4012C18.7704 9.28492 20.595 6.81197 19.8823 3.99556C19.7133 3.32198 19.4131 2.68835 18.9989 2.13095C18.5847 1.57355 18.0646 1.10333 17.4684 0.747205C16.8722 0.391081 16.2116 0.156051 15.5244 0.0555693C14.8373 -0.0449121 14.137 -0.00887058 13.4638 0.16163C10.8149 0.831387 9.33366 3.38162 9.53974 6.05206C9.91755 11.0237 8.58663 13.9389 2.97956 16.5277C2.83281 16.5918 2.68951 16.6634 2.55023 16.7424C2.02892 17.0415 1.56396 17.4294 1.17637 17.8887C1.08333 17.9972 0.995913 18.1104 0.914476 18.2279C0.7513 18.4678 0.607725 18.7205 0.485144 18.9835C0.425038 19.108 0.373518 19.2368 0.321999 19.3699C0.320289 19.3842 0.320289 19.3986 0.321999 19.4128C0.274772 19.5416 0.231839 19.6662 0.193199 19.7992V19.8508C0.154559 19.9839 0.120213 20.117 0.0944529 20.25C0.0944529 20.25 0.0944529 20.25 0.0944529 20.2844C0.068693 20.4161 0.0472264 20.5592 0.0300532 20.7137C0.0300532 20.8511 0.00429331 20.9885 0 21.1431V21.2032C0 21.3363 0 21.4736 0 21.611C0 21.6325 0 21.6583 0 21.6797C0 21.8171 0.0257599 21.9545 0.0472265 22.109C0.0451706 22.1276 0.0451706 22.1463 0.0472265 22.1649C0.0691881 22.3096 0.099289 22.4529 0.137386 22.5942C0.171733 22.7359 0.214666 22.8776 0.261892 23.0235C0.261892 23.0235 0.261892 23.0579 0.261892 23.0793C0.304825 23.2081 0.356345 23.3369 0.412158 23.4614C0.424749 23.4831 0.434831 23.5062 0.442211 23.5301C0.502318 23.6503 0.562424 23.7706 0.626824 23.8865C0.626824 23.9079 0.64829 23.9251 0.656877 23.9423C0.729863 24.0625 0.798556 24.1784 0.880129 24.2943C0.961702 24.4103 1.04328 24.5219 1.13343 24.6335C1.2193 24.7409 1.31375 24.8439 1.40821 24.9426L1.44685 24.977C1.54028 25.0755 1.63918 25.1687 1.74309 25.256C1.75243 25.2682 1.7641 25.2785 1.77743 25.2861C1.88476 25.3806 1.9921 25.4664 2.10372 25.548C2.34021 25.7204 2.59166 25.8712 2.85505 25.9988C2.98385 26.0632 3.11265 26.1233 3.24575 26.1748H3.26721C3.82789 26.393 4.4218 26.5135 5.02318 26.5312C5.17774 26.5312 5.328 26.5312 5.48256 26.5312C9.93043 26.3465 12.9916 27.4242 14.8506 29.8799C15.3632 30.602 15.7924 31.3797 16.13 32.1983L16.1557 32.2499C17.053 34.5554 19.0623 36.1739 21.3807 36.1353C21.7701 36.129 22.1576 36.0786 22.5356 35.985C23.458 35.7521 24.3002 35.274 24.9729 34.6013C25.6456 33.9286 26.1238 33.0864 26.3567 32.164C26.3738 32.1168 26.3781 32.0609 26.391 32.0051Z"></path>
<path fill="#FF6D2A" d="M17.0272 15.9911C17.0015 16.107 16.9757 16.2186 16.9585 16.3302C16.9327 16.4952 16.9155 16.6615 16.907 16.8283C16.8826 17.314 16.9245 17.8007 17.0315 18.2751C17.0315 18.318 17.0315 18.3653 17.0616 18.4082C17.3952 19.668 18.1775 20.7625 19.2615 21.486C20.3454 22.2094 21.6563 22.5119 22.9477 22.3366H23.0121C24.1868 22.2502 25.3674 22.2934 26.5326 22.4654C29.9673 22.9505 32.2341 25.1916 32.9726 27.9265C34.0459 31.8806 31.9808 35.6545 27.3226 37.5993C24.6522 38.7242 22.8275 41.2143 23.5402 44.0135C23.7102 44.6859 24.0109 45.3182 24.4252 45.8743C24.8396 46.4304 25.3594 46.8994 25.955 47.2547C26.5506 47.6099 27.2104 47.8443 27.8966 47.9445C28.5828 48.0448 29.2821 48.0089 29.9544 47.8389C32.6034 47.1648 34.0846 44.6189 33.8828 41.9484C33.5007 36.9768 34.8316 34.0616 40.443 31.4728C40.5846 31.4041 40.722 31.3354 40.8723 31.2581C41.3927 30.9578 41.8575 30.57 42.2462 30.1118C42.3363 30.0044 42.4265 29.8885 42.508 29.7726C42.6708 29.5309 42.8143 29.2768 42.9374 29.0127C42.9975 28.8839 43.0533 28.7551 43.1005 28.6263C43.1022 28.612 43.1022 28.5976 43.1005 28.5834C43.1477 28.4546 43.1907 28.3301 43.2293 28.197C43.2293 28.197 43.2293 28.1626 43.2293 28.1454C43.2637 28.0124 43.298 27.8793 43.3238 27.7462C43.3259 27.7348 43.3259 27.7232 43.3238 27.7118C43.3538 27.5744 43.371 27.437 43.3882 27.2825C43.3882 27.1451 43.3882 27.0034 43.4139 26.8532V26.7888C43.4139 26.6557 43.4139 26.5226 43.4139 26.3852C43.4139 26.3852 43.4139 26.338 43.4139 26.3122C43.4139 26.1748 43.3925 26.0417 43.371 25.9043V25.8442C43.371 25.7025 43.3195 25.5566 43.2851 25.4149C43.2508 25.2732 43.2036 25.1315 43.1563 24.9856V24.9298C43.1091 24.801 43.0576 24.6722 43.0018 24.5476C42.9892 24.526 42.9791 24.5029 42.9717 24.479C42.9159 24.3587 42.8515 24.2385 42.7871 24.1183V24.041C42.7193 23.9196 42.6447 23.8021 42.5639 23.689C42.4823 23.5731 42.4007 23.4657 42.3106 23.3541V23.3283C42.2204 23.2253 42.1302 23.1223 42.0315 23.0235L41.9971 22.9849C41.8984 22.8904 41.7996 22.796 41.7009 22.7101L41.6623 22.6758C41.5549 22.5856 41.4476 22.4997 41.336 22.4182C41.0975 22.255 40.8462 22.1115 40.5846 21.9888C40.4558 21.9287 40.3227 21.8686 40.1897 21.8171C39.6287 21.6003 39.0348 21.4812 38.4337 21.465C38.2834 21.465 38.1289 21.465 37.9743 21.465C33.5307 21.654 30.4653 20.5763 28.6063 18.1206C28.1117 17.4114 27.697 16.6497 27.3698 15.8494L27.3441 15.7936C26.4468 13.4924 24.4418 11.8738 22.1191 11.9296C21.7295 11.9339 21.3419 11.9843 20.9642 12.0799C20.0422 12.3136 19.2005 12.792 18.5279 13.4646C17.8553 14.1372 17.3769 14.9789 17.1431 15.9009C17.0487 15.8837 17.0401 15.9396 17.0272 15.9911Z"></path>
<path fill="currentColor" d="M59.4022 32.0696C60.9135 32.0696 61.463 31.5888 61.463 30.6958C61.463 29.5967 60.4326 29.1502 58.7153 28.635C55.5897 27.7076 52.1894 26.4368 52.1894 22.4526C52.1894 19.5332 54.0785 17.6441 58.3718 17.6441C60.2251 17.6424 62.0714 17.8732 63.8672 18.331C63.9465 18.359 64.0185 18.4043 64.078 18.4638C64.1374 18.5232 64.1828 18.5952 64.2107 18.6745C64.2107 18.6745 64.5542 21.2848 64.5542 21.4222C64.5567 21.468 64.5495 21.5137 64.5331 21.5565C64.5167 21.5993 64.4915 21.6382 64.4591 21.6706C64.4267 21.703 64.3878 21.7282 64.345 21.7446C64.3022 21.761 64.2565 21.7682 64.2107 21.7657C62.29 21.3558 60.3352 21.1259 58.3718 21.0788C56.998 21.0788 56.311 21.5596 56.311 22.4526C56.311 23.5517 57.3414 23.9982 59.0587 24.5134C62.1843 25.4408 65.5846 26.6601 65.5846 30.6958C65.5846 33.4435 63.3521 35.5043 59.4022 35.5043C57.1854 35.5173 54.9813 35.1693 52.8764 34.4739C52.7971 34.4459 52.7251 34.4006 52.6657 34.3412C52.6062 34.2817 52.5609 34.2097 52.5329 34.1304C52.5329 34.1304 52.1894 31.5201 52.1894 31.3827C52.187 31.337 52.1942 31.2912 52.2105 31.2484C52.2269 31.2056 52.2521 31.1667 52.2845 31.1343C52.3169 31.1019 52.3558 31.0767 52.3986 31.0603C52.4414 31.044 52.4871 31.0368 52.5329 31.0392C52.7046 31.0392 56.311 32.0696 59.4022 32.0696Z"></path>
<path fill="currentColor" d="M72.6946 28.2915C72.9693 30.4897 73.8967 32.0697 77.3313 32.0697C79.2937 32.0083 81.2472 31.7785 83.1702 31.3827C83.216 31.3803 83.2618 31.3874 83.3046 31.4038C83.3474 31.4202 83.3862 31.4454 83.4186 31.4778C83.451 31.5102 83.4762 31.5491 83.4926 31.5919C83.509 31.6347 83.5162 31.6804 83.5137 31.7262C83.5137 31.8292 83.1702 34.4739 83.1702 34.4739C83.1587 34.561 83.1188 34.6418 83.0567 34.7039C82.9947 34.766 82.9138 34.8059 82.8268 34.8174C81.0309 35.2752 79.1847 35.506 77.3313 35.5043C69.9468 35.5043 68.4012 31.4858 68.4012 26.5742C68.4012 21.6627 69.9812 17.6785 76.9879 17.6785C81.8651 17.6785 84.5784 20.3918 84.5784 26.5742V27.9481C84.5699 28.0422 84.5263 28.1297 84.4563 28.1933C84.3864 28.2569 84.2952 28.2919 84.2006 28.2915H72.6946ZM72.6946 24.8569H80.3882C80.2508 22.9335 79.3921 21.0788 76.9879 21.0788C73.725 21.0788 72.935 22.6931 72.6946 24.8569Z"></path>
<path fill="currentColor" d="M88.4595 10.0535C88.457 10.0077 88.4642 9.96193 88.4806 9.91914C88.4969 9.87635 88.5221 9.83748 88.5546 9.80508C88.587 9.77268 88.6258 9.74747 88.6686 9.73108C88.7114 9.7147 88.7572 9.70751 88.8029 9.70999L92.2376 9.36652C92.2833 9.36405 92.3291 9.37123 92.3719 9.38762C92.4147 9.404 92.4536 9.42921 92.486 9.46162C92.5184 9.49402 92.5436 9.53288 92.56 9.57568C92.5763 9.61847 92.5835 9.66423 92.581 9.70999V32.413C92.5942 33.2257 92.7096 34.0335 92.9245 34.8173C92.927 34.863 92.9198 34.9088 92.9034 34.9516C92.887 34.9944 92.8618 35.0333 92.8294 35.0657C92.797 35.0981 92.7582 35.1233 92.7154 35.1397C92.6726 35.156 92.6268 35.1632 92.581 35.1608H89.1464C89.009 35.1608 88.8716 35.0234 88.8029 34.8173C88.5724 34.0368 88.4567 33.2269 88.4595 32.413V10.0535Z"></path>
<path fill="currentColor" d="M97.6298 10.0535C97.6273 10.0077 97.6345 9.96193 97.6508 9.91914C97.6672 9.87635 97.6924 9.83748 97.7248 9.80508C97.7572 9.77268 97.7961 9.74747 97.8389 9.73108C97.8817 9.7147 97.9275 9.70751 97.9732 9.70999L101.408 9.36652C101.454 9.36405 101.499 9.37123 101.542 9.38762C101.585 9.404 101.624 9.42921 101.656 9.46162C101.689 9.49402 101.714 9.53288 101.73 9.57568C101.747 9.61847 101.754 9.66423 101.751 9.70999V32.413C101.764 33.2257 101.88 34.0335 102.095 34.8173C102.097 34.863 102.09 34.9088 102.074 34.9516C102.057 34.9944 102.032 35.0333 102 35.0657C101.967 35.0981 101.928 35.1233 101.886 35.1397C101.843 35.156 101.797 35.1632 101.751 35.1608H98.3167C98.1793 35.1608 98.0419 35.0234 97.9732 34.8173C97.7426 34.0368 97.627 33.2269 97.6298 32.413V10.0535Z"></path>
<path fill="currentColor" d="M110.132 28.2915C110.407 30.4897 111.334 32.0697 114.769 32.0697C116.731 32.0083 118.685 31.7785 120.608 31.3827C120.653 31.3803 120.699 31.3874 120.742 31.4038C120.785 31.4202 120.824 31.4454 120.856 31.4778C120.888 31.5102 120.914 31.5491 120.93 31.5919C120.946 31.6347 120.954 31.6804 120.951 31.7262C120.951 31.8292 120.608 34.4739 120.608 34.4739C120.596 34.561 120.556 34.6418 120.494 34.7039C120.432 34.766 120.351 34.8059 120.264 34.8174C118.468 35.2752 116.622 35.506 114.769 35.5043C107.384 35.5043 105.839 31.4858 105.839 26.5742C105.839 21.6627 107.419 17.6785 114.425 17.6785C119.302 17.6785 122.016 20.3918 122.016 26.5742V27.9481C122.007 28.0422 121.964 28.1297 121.894 28.1933C121.824 28.2569 121.733 28.2919 121.638 28.2915H110.132ZM110.132 24.8569H117.826C117.688 22.9335 116.83 21.0788 114.425 21.0788C111.162 21.0788 110.372 22.6931 110.132 24.8569Z"></path>
<path fill="currentColor" d="M133.449 17.6441C138.601 17.6441 142.036 20.3918 142.036 26.5742C142.036 32.7566 138.601 35.5043 133.449 35.5043C128.297 35.5043 124.862 32.7566 124.862 26.5742C124.862 20.3918 128.297 17.6441 133.449 17.6441ZM133.449 32.0696C136.884 32.0696 137.914 30.0088 137.914 26.5742C137.914 23.1395 136.884 21.0787 133.449 21.0787C130.014 21.0787 128.984 23.1395 128.984 26.5742C128.984 30.0088 130.014 32.0696 133.449 32.0696Z"></path>
</svg>
</div>
<ul className="p-0">
<li className="m-0 mb-5 cursor-pointer list-none">
<div className="flex items-center text-base leading-relaxed tracking-normal text-brand-primary-500">
<svg fill="none" viewbox="0 0 24 24" height="24" width="24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5" stroke="currentColor" d="M7.49811 10.1572V17.0021H16.6019V10.2273"></path>
<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5" stroke="currentColor" d="M6.29761 10.9996L12 6.99791L17.7024 10.9996"></path>
<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5" stroke="currentColor" d="M13.6507 17.0021V14.2009C13.6507 13.6007 13.1505 13.1004 12.5502 13.1004H11.4498C10.8495 13.1004 10.3493 13.6007 10.3493 14.2009V17.0021"></path>
<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5" stroke="currentColor" d="M7.49809 2.99625H16.5058C18.9899 2.99625 21.0037 5.01009 21.0037 7.49412V16.5069C21.0037 18.9899 18.9899 21.0037 16.5058 21.0037H7.49409C5.01005 21.0037 2.99622 18.9899 2.99622 16.5059V7.49812C2.99622 5.01209 5.01206 2.99625 7.49809 2.99625Z" clip-rule="evenodd" fill-rule="evenodd"></path>
</svg>
<span className="ml-1">Dashboard</span>
</div>
</li>
<li className="m-0 mb-5 cursor-pointer list-none">
<div className="flex items-center text-base leading-relaxed tracking-normal text-neutral-600 dark:text-white">
<svg fill="none" viewbox="0 0 24 24" height="24" width="24" xmlns="http://www.w3.org/2000/svg">
<circle stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5" stroke="currentColor" r="9.00375" cy="12" cx="12"></circle>
<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5" stroke="currentColor" d="M15.6125 16.5019H8.38747C8.0805 16.5013 7.83179 16.2526 7.83124 15.9456V15.4944C7.83509 14.2105 8.87526 13.1708 10.1592 13.1675H13.8407C15.1247 13.1708 16.1649 14.2105 16.1687 15.4944V15.9456C16.1682 16.2526 15.9194 16.5013 15.6125 16.5019Z" clip-rule="evenodd" fill-rule="evenodd"></path>
<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5" stroke="currentColor" d="M12 10.9996C10.758 10.9996 9.75074 9.99361 9.74909 8.75163C9.74744 7.50965 10.752 6.50102 11.994 6.4977C13.236 6.4944 14.246 7.49766 14.251 8.73964C14.2528 9.33802 14.0165 9.91256 13.5943 10.3365C13.172 10.7605 12.5984 10.9991 12 10.9996V10.9996Z" clip-rule="evenodd" fill-rule="evenodd"></path>
</svg>
<span className="ml-1">Users</span>
</div>
</li>
<li className="m-0 mb-5 cursor-pointer list-none">
<div className="flex items-center text-base leading-relaxed tracking-normal text-neutral-600 dark:text-white">
<svg fill="none" viewbox="0 0 24 24" height="24" width="24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5" stroke="currentColor" d="M19.5031 9.99916V5.42526C19.5031 4.08375 18.4156 2.99625 17.0741 2.99625H5.42523C4.08372 2.99625 2.99622 4.08375 2.99622 5.42526V13.0004C2.99622 14.3419 4.08372 15.4294 5.42523 15.4294H13.0004"></path>
<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5" stroke="currentColor" d="M8.92673 15.4294L8.48055 19.0029"></path>
<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5" stroke="currentColor" d="M6.9259 19.0029H13.0004"></path>
<rect stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5" stroke="currentColor" rx="1" height="11.0046" width="8.00333" y="9.99918" x="13.0004"></rect>
<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5" stroke="currentColor" d="M15.7516 18.7528H18.2526"></path>
</svg>
<span className="ml-1">Properties</span>
</div>
</li>
<li className="m-0 mb-5 cursor-pointer list-none">
<div className="flex items-center text-base leading-relaxed tracking-normal text-neutral-600 dark:text-white">
<svg fill="none" viewbox="0 0 24 24" height="24" width="24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5" stroke="currentColor" d="M14.0008 16.0147V20.5036C14.0008 20.7797 14.2149 21.0038 14.48 21.0038H19.5251C19.7892 21.0038 20.0033 20.7797 20.0033 20.5036V15.9877"></path>
<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5" stroke="currentColor" d="M13.0004 16.6689L17.0841 14.0008L21.0037 16.6689"></path>
<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5" stroke="currentColor" d="M10.4553 12.8674C11.8272 12.8674 12.9394 11.7552 12.9394 10.3833C12.9394 9.01143 11.8272 7.89929 10.4553 7.89929C9.08345 7.89929 7.97131 9.01143 7.97131 10.3833C7.97131 11.7552 9.08345 12.8674 10.4553 12.8674Z" clip-rule="evenodd" fill-rule="evenodd"></path>
<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5" stroke="currentColor" d="M17.8914 10.9235C18.0215 8.86169 17.3052 6.75681 15.7295 5.18116C12.8163 2.26794 8.09434 2.26794 5.18113 5.18116C2.26791 8.09437 2.26791 12.8163 5.18113 15.7295L10.4553 21.0037"></path>
</svg>
<span className="ml-1">Booking Room</span>
</div>
</li>
<li className="m-0 mb-5 cursor-pointer list-none">
<div className="flex items-center text-base leading-relaxed tracking-normal text-neutral-600 dark:text-white">
<svg fill="none" viewbox="0 0 24 24" height="24" width="24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5" stroke="currentColor" d="M3.99667 10.9996V21.0037"></path>
<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5" stroke="currentColor" d="M9.99919 2.99625H14.0009C15.1059 2.99625 16.0017 3.89205 16.0017 4.99708V10.9996H7.99835V4.99708C7.99835 3.89205 8.89416 2.99625 9.99919 2.99625Z" clip-rule="evenodd" fill-rule="evenodd"></path>
<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5" stroke="currentColor" d="M7.99834 14.0008H16.0017C16.5542 14.0008 17.0021 14.4487 17.0021 15.0012V15.5014C17.0021 16.3302 16.3302 17.0021 15.5015 17.0021H8.49855C7.66978 17.0021 6.99792 16.3302 6.99792 15.5014V15.0012C6.99792 14.4487 7.44583 14.0008 7.99834 14.0008Z" clip-rule="evenodd" fill-rule="evenodd"></path>
<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5" stroke="currentColor" d="M12 17.0021V21.0037"></path>
<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5" stroke="currentColor" d="M15.0012 21.0037H8.99872"></path>
<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5" stroke="currentColor" d="M22.0042 10.9996H1.99585"></path>
<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5" stroke="currentColor" d="M20.0033 21.0037V10.9996"></path>
</svg>
<span className="ml-1">Booking Desk</span>
</div>
</li>
</ul>
</div>
</aside>Sidebar Item
- Preview
- HTML
- React
Dashboard
Copy
<li class="m-0 mb-5 cursor-pointer list-none">
<div class="flex items-center text-base leading-relaxed tracking-normal text-neutral-600 dark:text-white">
<svg fill="none" viewbox="0 0 24 24" height="24" width="24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5" stroke="currentColor" d="M7.49811 10.1572V17.0021H16.6019V10.2273"></path>
<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5" stroke="currentColor" d="M6.29761 10.9996L12 6.99791L17.7024 10.9996"></path>
<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5" stroke="currentColor" d="M13.6507 17.0021V14.2009C13.6507 13.6007 13.1505 13.1004 12.5502 13.1004H11.4498C10.8495 13.1004 10.3493 13.6007 10.3493 14.2009V17.0021"></path>
<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5" stroke="currentColor" d="M7.49809 2.99625H16.5058C18.9899 2.99625 21.0037 5.01009 21.0037 7.49412V16.5069C21.0037 18.9899 18.9899 21.0037 16.5058 21.0037H7.49409C5.01005 21.0037 2.99622 18.9899 2.99622 16.5059V7.49812C2.99622 5.01209 5.01206 2.99625 7.49809 2.99625Z" clip-rule="evenodd" fill-rule="evenodd"></path>
</svg>
<span class="ml-1">Dashboard</span>
</div>
</li>
Copy
<li className="m-0 mb-5 cursor-pointer list-none">
<div className="flex items-center text-base leading-relaxed tracking-normal text-neutral-600 dark:text-white">
<svg fill="none" viewbox="0 0 24 24" height="24" width="24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5" stroke="currentColor" d="M7.49811 10.1572V17.0021H16.6019V10.2273"></path>
<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5" stroke="currentColor" d="M6.29761 10.9996L12 6.99791L17.7024 10.9996"></path>
<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5" stroke="currentColor" d="M13.6507 17.0021V14.2009C13.6507 13.6007 13.1505 13.1004 12.5502 13.1004H11.4498C10.8495 13.1004 10.3493 13.6007 10.3493 14.2009V17.0021"></path>
<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5" stroke="currentColor" d="M7.49809 2.99625H16.5058C18.9899 2.99625 21.0037 5.01009 21.0037 7.49412V16.5069C21.0037 18.9899 18.9899 21.0037 16.5058 21.0037H7.49409C5.01005 21.0037 2.99622 18.9899 2.99622 16.5059V7.49812C2.99622 5.01209 5.01206 2.99625 7.49809 2.99625Z" clip-rule="evenodd" fill-rule="evenodd"></path>
</svg>
<span className="ml-1">Dashboard</span>
</div>
</li>Sidebar Item Active
- Preview
- HTML
- React
Dashboard
Copy
<li class="m-0 mb-5 cursor-pointer list-none">
<div class="flex items-center text-base leading-relaxed tracking-normal text-brand-primary-500">
<svg fill="none" viewbox="0 0 24 24" height="24" width="24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5" stroke="currentColor" d="M7.49811 10.1572V17.0021H16.6019V10.2273"></path>
<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5" stroke="currentColor" d="M6.29761 10.9996L12 6.99791L17.7024 10.9996"></path>
<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5" stroke="currentColor" d="M13.6507 17.0021V14.2009C13.6507 13.6007 13.1505 13.1004 12.5502 13.1004H11.4498C10.8495 13.1004 10.3493 13.6007 10.3493 14.2009V17.0021"></path>
<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5" stroke="currentColor" d="M7.49809 2.99625H16.5058C18.9899 2.99625 21.0037 5.01009 21.0037 7.49412V16.5069C21.0037 18.9899 18.9899 21.0037 16.5058 21.0037H7.49409C5.01005 21.0037 2.99622 18.9899 2.99622 16.5059V7.49812C2.99622 5.01209 5.01206 2.99625 7.49809 2.99625Z" clip-rule="evenodd" fill-rule="evenodd"></path>
</svg>
<span class="ml-1">Dashboard</span>
</div>
</li>
Copy
<li className="m-0 mb-5 cursor-pointer list-none">
<div className="flex items-center text-base leading-relaxed tracking-normal text-brand-primary-500">
<svg fill="none" viewbox="0 0 24 24" height="24" width="24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5" stroke="currentColor" d="M7.49811 10.1572V17.0021H16.6019V10.2273"></path>
<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5" stroke="currentColor" d="M6.29761 10.9996L12 6.99791L17.7024 10.9996"></path>
<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5" stroke="currentColor" d="M13.6507 17.0021V14.2009C13.6507 13.6007 13.1505 13.1004 12.5502 13.1004H11.4498C10.8495 13.1004 10.3493 13.6007 10.3493 14.2009V17.0021"></path>
<path stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5" stroke="currentColor" d="M7.49809 2.99625H16.5058C18.9899 2.99625 21.0037 5.01009 21.0037 7.49412V16.5069C21.0037 18.9899 18.9899 21.0037 16.5058 21.0037H7.49409C5.01005 21.0037 2.99622 18.9899 2.99622 16.5059V7.49812C2.99622 5.01209 5.01206 2.99625 7.49809 2.99625Z" clip-rule="evenodd" fill-rule="evenodd"></path>
</svg>
<span className="ml-1">Dashboard</span>
</div>
</li>