CINXE.COM

<!DOCTYPE html><html><head><meta charSet="utf-8" data-next-head=""/><meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" data-next-head=""/><meta name="theme-color" content="#111" media="(prefers-color-scheme: dark)" data-next-head=""/><title data-next-head="">TailAdmin Documentation | Build Admin Dashboards Easily</title><meta name="description" content="Explore TailAdmin Documentation: step-by-step guides, features, and tips to build stunning admin dashboards with Tailwind CSS. Get started today!" data-next-head=""/><meta name="twitter:card" content="summary_large_image" data-next-head=""/><meta name="twitter:image" content="https://tailadmin.comimages/docs/cover.png" data-next-head=""/><meta name="twitter:site:domain" content="tailadmin.com" data-next-head=""/><meta name="twitter:url" content="https://tailadmin.com" data-next-head=""/><meta name="og:image" content="https://tailadmin.comimages/docs/cover.png" data-next-head=""/><link rel="preload" href="/_next/static/media/07a54048a9278940-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/css/6d098382e23f6346.css" as="style"/><style data-next-head="">:root{--nextra-primary-hue:212deg;--nextra-primary-saturation:100%;--nextra-primary-lightness:45%;--nextra-navbar-height:64px;--nextra-menu-height:3.75rem;--nextra-banner-height:2.5rem;--nextra-bg:250,250,250;}.dark{--nextra-primary-hue:204deg;--nextra-primary-saturation:100%;--nextra-primary-lightness:55%;--nextra-bg:17,17,17;}</style><link rel="stylesheet" href="/_next/static/css/6d098382e23f6346.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" noModule="" src="/_next/static/chunks/polyfills-42372ed130431b0a.js"></script><script src="/_next/static/chunks/webpack-417f2be2d4dbc5c6.js" defer=""></script><script src="/_next/static/chunks/framework-f6694fe134c428f5.js" defer=""></script><script src="/_next/static/chunks/main-396457c2bc9f76d5.js" defer=""></script><script src="/_next/static/chunks/pages/_app-75965b83d1ccfc69.js" defer=""></script><script src="/_next/static/chunks/7849-51540f28551aae16.js" defer=""></script><script src="/_next/static/chunks/4044-1b0d80e3ec9bad4b.js" defer=""></script><script src="/_next/static/chunks/pages/docs-659252efc1aa9e54.js" defer=""></script><script src="/_next/static/s89rz_2OJv65k7k1z7xJ9/_buildManifest.js" defer=""></script><script src="/_next/static/s89rz_2OJv65k7k1z7xJ9/_ssgManifest.js" defer=""></script></head><body><link rel="preload" as="image" href="/images/docs/cover.png"/><div id="__next"><div class="__className_ad50fd"><script>((e,r,s,u,d,m,l,h)=>{let c=document.documentElement,v=["light","dark"];function p(i){(Array.isArray(e)?e:[e]).forEach(y=>{let k=y==="class",S=k&&m?d.map(f=>m[f]||f):d;k?(c.classList.remove(...S),c.classList.add(i)):c.setAttribute(y,i)}),R(i)}function R(i){h&&v.includes(i)&&(c.style.colorScheme=i)}function a(){return window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}if(u)p(u);else try{let i=localStorage.getItem(r)||s,y=l&&i==="system"?a():i;p(y)}catch(i){}})("class","theme","light",null,["light","dark"],null,true,true)</script><div dir="ltr"><script>document.documentElement.setAttribute('dir','ltr')</script><div class="nextra-nav-container _sticky _top-0 _z-20 _w-full _bg-transparent print:_hidden"><div class="nextra-nav-container-blur"></div><nav class="_mx-auto _flex _h-[var(--nextra-navbar-height)] _max-w-[90rem] _items-center _justify-end _gap-4 _pl-[max(env(safe-area-inset-left),1.5rem)] _pr-[max(env(safe-area-inset-right),1.5rem)]"><a class="nextra-focus _flex _items-center hover:_opacity-75 ltr:_mr-auto rtl:_ml-auto" href="/"><svg width="164" height="34" viewBox="0 0 164 34" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 8.94737C0 4.00587 4.00587 0 8.94737 0H25.0526C29.9941 0 34 4.00587 34 8.94737V25.0526C34 29.9941 29.9941 34 25.0526 34H8.94737C4.00587 34 0 29.9941 0 25.0526V8.94737Z" fill="#465FFF"></path><g filter="url(#filter0_d_7392_677)"><path d="M8.9502 8.94786C8.9502 7.95956 9.75137 7.15839 10.7397 7.15839C11.728 7.15839 12.5291 7.95956 12.5291 8.94786V25.0531C12.5291 26.0414 11.728 26.8426 10.7397 26.8426C9.75137 26.8426 8.9502 26.0414 8.9502 25.0531V8.94786Z" fill="white"></path></g><g filter="url(#filter1_d_7392_677)"><path d="M15.6631 16.1042C15.6631 15.1159 16.4643 14.3147 17.4526 14.3147C18.4409 14.3147 19.242 15.1159 19.242 16.1042V25.0515C19.242 26.0398 18.4409 26.841 17.4526 26.841C16.4643 26.841 15.6631 26.0398 15.6631 25.0515V16.1042Z" fill="white" fill-opacity="0.9" shape-rendering="crispEdges"></path></g><g filter="url(#filter2_d_7392_677)"><path d="M22.3701 11.6301C22.3701 10.6418 23.1713 9.84058 24.1596 9.84058C25.1479 9.84058 25.9491 10.6418 25.9491 11.63V25.0511C25.9491 26.0394 25.1479 26.8406 24.1596 26.8406C23.1713 26.8406 22.3701 26.0394 22.3701 25.0511V11.6301Z" fill="white" fill-opacity="0.7" shape-rendering="crispEdges"></path></g><path d="M46.75 10.7471H52.1565V26.2341H55.3904V10.7471H60.7969V7.76593H46.75V10.7471Z" fill="#101828"></path><path d="M64.4061 26.5625C66.3515 26.5625 68.0442 25.6783 68.5747 24.3898L68.8021 26.2341H71.5054V18.6548C71.5054 15.1936 69.4337 13.3746 66.0736 13.3746C62.6882 13.3746 60.4649 15.1431 60.4649 17.8463H63.0924C63.0924 16.5326 64.1029 15.7747 65.922 15.7747C67.4884 15.7747 68.4989 16.4568 68.4989 18.1495V18.4274L64.7598 18.7053C61.8039 18.9327 60.1365 20.3728 60.1365 22.6718C60.1365 25.0214 61.7534 26.5625 64.4061 26.5625ZM65.4167 24.2382C64.0272 24.2382 63.2692 23.6824 63.2692 22.5455C63.2692 21.5349 64.0019 20.9033 65.922 20.7265L68.5242 20.5244V21.1812C68.5242 23.1013 67.3115 24.2382 65.4167 24.2382Z" fill="#101828"></path><path d="M76.0744 11.2524C77.085 11.2524 77.9187 10.4187 77.9187 9.38284C77.9187 8.34701 77.085 7.53856 76.0744 7.53856C75.0133 7.53856 74.1796 8.34701 74.1796 9.38284C74.1796 10.4187 75.0133 11.2524 76.0744 11.2524ZM74.5333 26.2341H77.6155V13.7535H74.5333V26.2341Z" fill="#101828"></path><path d="M83.9075 26.2341V7.4375H80.8505V26.2341H83.9075Z" fill="#101828"></path><path d="M89.1871 26.2341L90.6777 21.9644H97.5749L99.0654 26.2341H102.476L95.8064 7.76593H92.4967L85.827 26.2341H89.1871ZM93.7347 13.2735C93.9115 12.7682 94.0631 12.2124 94.1389 11.8587C94.1894 12.2377 94.3663 12.7935 94.5179 13.2735L96.6401 19.2359H91.6378L93.7347 13.2735Z" fill="#101828"></path><path d="M108.898 26.5625C110.793 26.5625 112.41 25.7288 113.168 24.2887L113.37 26.2341H116.2V7.4375H113.143V15.3452C112.36 14.1072 110.818 13.3746 109.075 13.3746C105.311 13.3746 103.037 16.1536 103.037 20.0443C103.037 23.9098 105.286 26.5625 108.898 26.5625ZM109.58 23.7329C107.433 23.7329 106.119 22.1665 106.119 19.9433C106.119 17.72 107.433 16.1284 109.58 16.1284C111.728 16.1284 113.117 17.6948 113.117 19.9433C113.117 22.1918 111.728 23.7329 109.58 23.7329Z" fill="#101828"></path><path d="M122.494 26.2341V19.1601C122.494 17.139 123.681 16.1789 125.147 16.1789C126.612 16.1789 127.547 17.1137 127.547 18.8569V26.2341H130.629V19.1601C130.629 17.1137 131.766 16.1536 133.257 16.1536C134.722 16.1536 135.682 17.0884 135.682 18.8822V26.2341H138.739V18.0737C138.739 15.1936 137.071 13.3746 134.04 13.3746C132.145 13.3746 130.68 14.3094 130.048 15.7494C129.391 14.3094 128.077 13.3746 126.183 13.3746C124.389 13.3746 123.126 14.183 122.494 15.2189L122.241 13.7535H119.412V26.2341H122.494Z" fill="#101828"></path><path d="M143.306 11.2524C144.316 11.2524 145.15 10.4187 145.15 9.38284C145.15 8.34701 144.316 7.53856 143.306 7.53856C142.245 7.53856 141.411 8.34701 141.411 9.38284C141.411 10.4187 142.245 11.2524 143.306 11.2524ZM141.765 26.2341H144.847V13.7535H141.765V26.2341Z" fill="#101828"></path><path d="M151.114 26.2341V19.5138C151.114 17.4927 152.276 16.1789 154.171 16.1789C155.762 16.1789 156.798 17.1895 156.798 19.2864V26.2341H159.88V18.5537C159.88 15.3199 158.263 13.3746 155.131 13.3746C153.438 13.3746 151.922 14.1072 151.139 15.3705L150.886 13.7535H148.031V26.2341H151.114Z" fill="#101828"></path><defs><filter id="filter0_d_7392_677" x="7.9502" y="6.65839" width="5.5791" height="21.6842" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset dy="0.5"></feOffset><feGaussianBlur stdDeviation="0.5"></feGaussianBlur><feComposite in2="hardAlpha" operator="out"></feComposite><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"></feColorMatrix><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_7392_677"></feBlend><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_7392_677" result="shape"></feBlend></filter><filter id="filter1_d_7392_677" x="14.6631" y="13.8147" width="5.5791" height="14.5263" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset dy="0.5"></feOffset><feGaussianBlur stdDeviation="0.5"></feGaussianBlur><feComposite in2="hardAlpha" operator="out"></feComposite><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"></feColorMatrix><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_7392_677"></feBlend><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_7392_677" result="shape"></feBlend></filter><filter id="filter2_d_7392_677" x="21.3701" y="9.34058" width="5.5791" height="19" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset dy="0.5"></feOffset><feGaussianBlur stdDeviation="0.5"></feGaussianBlur><feComposite in2="hardAlpha" operator="out"></feComposite><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"></feColorMatrix><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_7392_677"></feBlend><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_7392_677" result="shape"></feBlend></filter></defs></svg></a><div class="_flex _gap-4 _overflow-x-auto nextra-scrollbar _py-1.5"><a class="nextra-focus _text-sm contrast-more:_text-gray-700 contrast-more:dark:_text-gray-100 max-md:_hidden _whitespace-nowrap _ring-inset _font-medium _subpixel-antialiased" aria-current="true" href="/docs">Docs</a><a class="nextra-focus _text-sm contrast-more:_text-gray-700 contrast-more:dark:_text-gray-100 max-md:_hidden _whitespace-nowrap _ring-inset _text-gray-600 hover:_text-gray-800 dark:_text-gray-400 dark:hover:_text-gray-200" aria-current="false" href="/#features">Features</a><a class="nextra-focus _text-sm contrast-more:_text-gray-700 contrast-more:dark:_text-gray-100 max-md:_hidden _whitespace-nowrap _ring-inset _text-gray-600 hover:_text-gray-800 dark:_text-gray-400 dark:hover:_text-gray-200" aria-current="false" href="/pricing">Pricing</a><a class="nextra-focus _text-sm contrast-more:_text-gray-700 contrast-more:dark:_text-gray-100 max-md:_hidden _whitespace-nowrap _ring-inset _text-gray-600 hover:_text-gray-800 dark:_text-gray-400 dark:hover:_text-gray-200" aria-current="false" href="/support">Support</a></div><div class="_not-prose _relative _flex _items-center _text-gray-900 dark:_text-gray-300 contrast-more:_text-gray-800 contrast-more:dark:_text-gray-300 max-md:_hidden"><input spellCheck="false" class="_rounded-lg _px-3 _py-2 _transition-colors _w-full md:_w-64 _text-base _leading-tight md:_text-sm _bg-black/[.05] dark:_bg-gray-50/10 placeholder:_text-gray-500 dark:placeholder:_text-gray-400 contrast-more:_border contrast-more:_border-current [&::-webkit-search-cancel-button]:_appearance-none" autoComplete="off" placeholder="Search…" id="headlessui-combobox-input-:R1dn96:" role="combobox" type="search" aria-expanded="false" aria-autocomplete="list" data-headlessui-state="" value=""/></div><a class="nextra-focus" href="https://pimjo.com/community" target="_blank" rel="noreferrer"><svg width="24" height="24" fill="currentColor" viewBox="0 5 30.67 23.25"><title>Discord</title><path d="M26.0015 6.9529C24.0021 6.03845 21.8787 5.37198 19.6623 5C19.3833 5.48048 19.0733 6.13144 18.8563 6.64292C16.4989 6.30193 14.1585 6.30193 11.8336 6.64292C11.6166 6.13144 11.2911 5.48048 11.0276 5C8.79575 5.37198 6.67235 6.03845 4.6869 6.9529C0.672601 12.8736 -0.41235 18.6548 0.130124 24.3585C2.79599 26.2959 5.36889 27.4739 7.89682 28.2489C8.51679 27.4119 9.07477 26.5129 9.55525 25.5675C8.64079 25.2265 7.77283 24.808 6.93587 24.312C7.15286 24.1571 7.36986 23.9866 7.57135 23.8161C12.6241 26.1255 18.0969 26.1255 23.0876 23.8161C23.3046 23.9866 23.5061 24.1571 23.7231 24.312C22.8861 24.808 22.0182 25.2265 21.1037 25.5675C21.5842 26.5129 22.1422 27.4119 22.7621 28.2489C25.2885 27.4739 27.8769 26.2959 30.5288 24.3585C31.1952 17.7559 29.4733 12.0212 26.0015 6.9529ZM10.2527 20.8402C8.73376 20.8402 7.49382 19.4608 7.49382 17.7714C7.49382 16.082 8.70276 14.7025 10.2527 14.7025C11.7871 14.7025 13.0425 16.082 13.0115 17.7714C13.0115 19.4608 11.7871 20.8402 10.2527 20.8402ZM20.4373 20.8402C18.9183 20.8402 17.6768 19.4608 17.6768 17.7714C17.6768 16.082 18.8873 14.7025 20.4373 14.7025C21.9717 14.7025 23.2271 16.082 23.1961 17.7714C23.1961 19.4608 21.9872 20.8402 20.4373 20.8402Z"></path></svg><span class="_sr-only">Discord</span></a><button class="_transition nextra-hamburger _rounded md:_hidden" aria-label="Menu" type="button" data-headlessui-state=""><svg fill="none" width="24" height="24" viewBox="0 0 24 24" stroke="currentColor" class=""><g><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16"></path></g><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 12h16"></path><g><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 18h16"></path></g></svg></button></nav></div><div class="_mx-auto _flex _max-w-[90rem]"><div class="[transition:background-color_1.5s_ease] _bg-transparent"></div><aside class="nextra-sidebar-container _flex _flex-col md:_top-16 md:_shrink-0 motion-reduce:_transform-none motion-reduce:_transition-none [.resizing_&]:_transition-none _transform-gpu _transition-all _ease-in-out print:_hidden md:_w-64 md:_sticky md:_self-start max-md:[transform:translate3d(0,-100%,0)]"><div class="_px-4 _pt-4 md:_hidden"><div class="_not-prose _relative _flex _items-center _text-gray-900 dark:_text-gray-300 contrast-more:_text-gray-800 contrast-more:dark:_text-gray-300"><input spellCheck="false" class="_rounded-lg _px-3 _py-2 _transition-colors _w-full md:_w-64 _text-base _leading-tight md:_text-sm _bg-black/[.05] dark:_bg-gray-50/10 placeholder:_text-gray-500 dark:placeholder:_text-gray-400 contrast-more:_border contrast-more:_border-current [&::-webkit-search-cancel-button]:_appearance-none" autoComplete="off" placeholder="Search…" id="headlessui-combobox-input-:R5msr6:" role="combobox" type="search" aria-expanded="false" aria-autocomplete="list" data-headlessui-state="" value=""/></div></div><div class="_overflow-y-auto _p-4 _grow md:_h-[calc(100vh-var(--nextra-navbar-height)-var(--nextra-menu-height))] nextra-scrollbar"><div class="_transform-gpu _transition-all _ease-in-out motion-reduce:_transition-none _opacity-100" style="transition-duration:500ms"><div><ul class="_flex _flex-col _gap-1 nextra-menu-desktop max-md:_hidden"><li class="_flex _flex-col _gap-1 active"><a class="nextra-focus _flex _rounded _px-2 _py-1.5 _text-sm _transition-colors [word-break:break-word] _cursor-pointer contrast-more:_border _bg-primary-100 _font-semibold _text-primary-800 dark:_bg-primary-400/10 dark:_text-primary-600 contrast-more:_border-primary-500 contrast-more:dark:_border-primary-500" href="/docs">Introduction</a></li><li class="open"><a class="nextra-focus _items-center _justify-between _gap-2 _flex _rounded _px-2 _py-1.5 _text-sm _transition-colors [word-break:break-word] _cursor-pointer contrast-more:_border _text-gray-500 hover:_bg-gray-100 hover:_text-gray-900 dark:_text-neutral-400 dark:hover:_bg-primary-100/5 dark:hover:_text-gray-50 contrast-more:_text-gray-900 contrast-more:dark:_text-gray-50 contrast-more:_border-transparent contrast-more:hover:_border-gray-900 contrast-more:dark:hover:_border-gray-50" href="/docs/installation">Installation<svg viewBox="0 0 24 24" stroke="currentColor" fill="none" stroke-width="2" height="18" class="_shrink-0 _rounded-sm _p-0.5 hover:_bg-gray-800/5 dark:hover:_bg-gray-100/5 motion-reduce:*:_transition-none *:_origin-center *:_transition-transform *:rtl:_-rotate-180 *:ltr:_rotate-90 *:rtl:_rotate-[-270deg]"><path d="M9 5l7 7-7 7" stroke-linecap="round" stroke-linejoin="round"></path></svg></a><div class="_transform-gpu _transition-all _ease-in-out motion-reduce:_transition-none _opacity-100" style="transition-duration:500ms"><div><ul class="_flex _flex-col _gap-1 _relative before:_absolute before:_inset-y-1 before:_w-px before:_bg-gray-200 before:_content-[""] dark:before:_bg-neutral-800 ltr:_pl-3 ltr:before:_left-0 rtl:_pr-3 rtl:before:_right-0 _pt-1 ltr:_ml-3 rtl:_mr-3"><li class="_flex _flex-col _gap-1"><a class="nextra-focus _flex _rounded _px-2 _py-1.5 _text-sm _transition-colors [word-break:break-word] _cursor-pointer contrast-more:_border _text-gray-500 hover:_bg-gray-100 hover:_text-gray-900 dark:_text-neutral-400 dark:hover:_bg-primary-100/5 dark:hover:_text-gray-50 contrast-more:_text-gray-900 contrast-more:dark:_text-gray-50 contrast-more:_border-transparent contrast-more:hover:_border-gray-900 contrast-more:dark:hover:_border-gray-50" href="/docs/installation/react">React</a></li><li class="_flex _flex-col _gap-1"><a class="nextra-focus _flex _rounded _px-2 _py-1.5 _text-sm _transition-colors [word-break:break-word] _cursor-pointer contrast-more:_border _text-gray-500 hover:_bg-gray-100 hover:_text-gray-900 dark:_text-neutral-400 dark:hover:_bg-primary-100/5 dark:hover:_text-gray-50 contrast-more:_text-gray-900 contrast-more:dark:_text-gray-50 contrast-more:_border-transparent contrast-more:hover:_border-gray-900 contrast-more:dark:hover:_border-gray-50" href="/docs/installation/nextjs">Next.js</a></li><li class="_flex _flex-col _gap-1"><a class="nextra-focus _flex _rounded _px-2 _py-1.5 _text-sm _transition-colors [word-break:break-word] _cursor-pointer contrast-more:_border _text-gray-500 hover:_bg-gray-100 hover:_text-gray-900 dark:_text-neutral-400 dark:hover:_bg-primary-100/5 dark:hover:_text-gray-50 contrast-more:_text-gray-900 contrast-more:dark:_text-gray-50 contrast-more:_border-transparent contrast-more:hover:_border-gray-900 contrast-more:dark:hover:_border-gray-50" href="/docs/installation/vue">Vue</a></li></ul></div></div></li><li class="open"><button class="_transition _items-center _justify-between _gap-2 _text-left _w-full _flex _rounded _px-2 _py-1.5 _text-sm _transition-colors [word-break:break-word] _cursor-pointer contrast-more:_border _text-gray-500 hover:_bg-gray-100 hover:_text-gray-900 dark:_text-neutral-400 dark:hover:_bg-primary-100/5 dark:hover:_text-gray-50 contrast-more:_text-gray-900 contrast-more:dark:_text-gray-50 contrast-more:_border-transparent contrast-more:hover:_border-gray-900 contrast-more:dark:hover:_border-gray-50" data-href="/docs/layout" type="button" data-headlessui-state="">Layout<svg viewBox="0 0 24 24" stroke="currentColor" fill="none" stroke-width="2" height="18" class="_shrink-0 _rounded-sm _p-0.5 hover:_bg-gray-800/5 dark:hover:_bg-gray-100/5 motion-reduce:*:_transition-none *:_origin-center *:_transition-transform *:rtl:_-rotate-180 *:ltr:_rotate-90 *:rtl:_rotate-[-270deg]"><path d="M9 5l7 7-7 7" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><div class="_transform-gpu _transition-all _ease-in-out motion-reduce:_transition-none _opacity-100" style="transition-duration:500ms"><div><ul class="_flex _flex-col _gap-1 _relative before:_absolute before:_inset-y-1 before:_w-px before:_bg-gray-200 before:_content-[""] dark:before:_bg-neutral-800 ltr:_pl-3 ltr:before:_left-0 rtl:_pr-3 rtl:before:_right-0 _pt-1 ltr:_ml-3 rtl:_mr-3"><li class="_flex _flex-col _gap-1"><a class="nextra-focus _flex _rounded _px-2 _py-1.5 _text-sm _transition-colors [word-break:break-word] _cursor-pointer contrast-more:_border _text-gray-500 hover:_bg-gray-100 hover:_text-gray-900 dark:_text-neutral-400 dark:hover:_bg-primary-100/5 dark:hover:_text-gray-50 contrast-more:_text-gray-900 contrast-more:dark:_text-gray-50 contrast-more:_border-transparent contrast-more:hover:_border-gray-900 contrast-more:dark:hover:_border-gray-50" href="/docs/layout/app-layout">App Layout</a></li></ul></div></div></li><li class="open"><a class="nextra-focus _items-center _justify-between _gap-2 _flex _rounded _px-2 _py-1.5 _text-sm _transition-colors [word-break:break-word] _cursor-pointer contrast-more:_border _text-gray-500 hover:_bg-gray-100 hover:_text-gray-900 dark:_text-neutral-400 dark:hover:_bg-primary-100/5 dark:hover:_text-gray-50 contrast-more:_text-gray-900 contrast-more:dark:_text-gray-50 contrast-more:_border-transparent contrast-more:hover:_border-gray-900 contrast-more:dark:hover:_border-gray-50" href="/docs/customizations">Customizations<svg viewBox="0 0 24 24" stroke="currentColor" fill="none" stroke-width="2" height="18" class="_shrink-0 _rounded-sm _p-0.5 hover:_bg-gray-800/5 dark:hover:_bg-gray-100/5 motion-reduce:*:_transition-none *:_origin-center *:_transition-transform *:rtl:_-rotate-180 *:ltr:_rotate-90 *:rtl:_rotate-[-270deg]"><path d="M9 5l7 7-7 7" stroke-linecap="round" stroke-linejoin="round"></path></svg></a><div class="_transform-gpu _transition-all _ease-in-out motion-reduce:_transition-none _opacity-100" style="transition-duration:500ms"><div><ul class="_flex _flex-col _gap-1 _relative before:_absolute before:_inset-y-1 before:_w-px before:_bg-gray-200 before:_content-[""] dark:before:_bg-neutral-800 ltr:_pl-3 ltr:before:_left-0 rtl:_pr-3 rtl:before:_right-0 _pt-1 ltr:_ml-3 rtl:_mr-3"><li class=""><a class="nextra-focus _items-center _justify-between _gap-2 _flex _rounded _px-2 _py-1.5 _text-sm _transition-colors [word-break:break-word] _cursor-pointer contrast-more:_border _text-gray-500 hover:_bg-gray-100 hover:_text-gray-900 dark:_text-neutral-400 dark:hover:_bg-primary-100/5 dark:hover:_text-gray-50 contrast-more:_text-gray-900 contrast-more:dark:_text-gray-50 contrast-more:_border-transparent contrast-more:hover:_border-gray-900 contrast-more:dark:hover:_border-gray-50" href="/docs/customizations/file-structure">File Structure<svg viewBox="0 0 24 24" stroke="currentColor" fill="none" stroke-width="2" height="18" class="_shrink-0 _rounded-sm _p-0.5 hover:_bg-gray-800/5 dark:hover:_bg-gray-100/5 motion-reduce:*:_transition-none *:_origin-center *:_transition-transform *:rtl:_-rotate-180"><path d="M9 5l7 7-7 7" stroke-linecap="round" stroke-linejoin="round"></path></svg></a><div class="_transform-gpu _transition-all _ease-in-out motion-reduce:_transition-none _opacity-0 _overflow-hidden" style="height:0;transition-duration:300ms"><div><ul class="_flex _flex-col _gap-1 _relative before:_absolute before:_inset-y-1 before:_w-px before:_bg-gray-200 before:_content-[""] dark:before:_bg-neutral-800 ltr:_pl-3 ltr:before:_left-0 rtl:_pr-3 rtl:before:_right-0 _pt-1 ltr:_ml-3 rtl:_mr-3"><li class="_flex _flex-col _gap-1"><a class="nextra-focus _flex _rounded _px-2 _py-1.5 _text-sm _transition-colors [word-break:break-word] _cursor-pointer contrast-more:_border _text-gray-500 hover:_bg-gray-100 hover:_text-gray-900 dark:_text-neutral-400 dark:hover:_bg-primary-100/5 dark:hover:_text-gray-50 contrast-more:_text-gray-900 contrast-more:dark:_text-gray-50 contrast-more:_border-transparent contrast-more:hover:_border-gray-900 contrast-more:dark:hover:_border-gray-50" href="/docs/customizations/file-structure/react">React File Structure</a></li><li class="_flex _flex-col _gap-1"><a class="nextra-focus _flex _rounded _px-2 _py-1.5 _text-sm _transition-colors [word-break:break-word] _cursor-pointer contrast-more:_border _text-gray-500 hover:_bg-gray-100 hover:_text-gray-900 dark:_text-neutral-400 dark:hover:_bg-primary-100/5 dark:hover:_text-gray-50 contrast-more:_text-gray-900 contrast-more:dark:_text-gray-50 contrast-more:_border-transparent contrast-more:hover:_border-gray-900 contrast-more:dark:hover:_border-gray-50" href="/docs/customizations/file-structure/nextjs">Next.js File Structure</a></li><li class="_flex _flex-col _gap-1"><a class="nextra-focus _flex _rounded _px-2 _py-1.5 _text-sm _transition-colors [word-break:break-word] _cursor-pointer contrast-more:_border _text-gray-500 hover:_bg-gray-100 hover:_text-gray-900 dark:_text-neutral-400 dark:hover:_bg-primary-100/5 dark:hover:_text-gray-50 contrast-more:_text-gray-900 contrast-more:dark:_text-gray-50 contrast-more:_border-transparent contrast-more:hover:_border-gray-900 contrast-more:dark:hover:_border-gray-50" href="/docs/customizations/file-structure/vue">Vue File Structure</a></li></ul></div></div></li><li class="_flex _flex-col _gap-1"><a class="nextra-focus _flex _rounded _px-2 _py-1.5 _text-sm _transition-colors [word-break:break-word] _cursor-pointer contrast-more:_border _text-gray-500 hover:_bg-gray-100 hover:_text-gray-900 dark:_text-neutral-400 dark:hover:_bg-primary-100/5 dark:hover:_text-gray-50 contrast-more:_text-gray-900 contrast-more:dark:_text-gray-50 contrast-more:_border-transparent contrast-more:hover:_border-gray-900 contrast-more:dark:hover:_border-gray-50" href="/docs/customizations/screen">Screen</a></li><li class="_flex _flex-col _gap-1"><a class="nextra-focus _flex _rounded _px-2 _py-1.5 _text-sm _transition-colors [word-break:break-word] _cursor-pointer contrast-more:_border _text-gray-500 hover:_bg-gray-100 hover:_text-gray-900 dark:_text-neutral-400 dark:hover:_bg-primary-100/5 dark:hover:_text-gray-50 contrast-more:_text-gray-900 contrast-more:dark:_text-gray-50 contrast-more:_border-transparent contrast-more:hover:_border-gray-900 contrast-more:dark:hover:_border-gray-50" href="/docs/customizations/dark-mode">Dark Mode</a></li><li class="_flex _flex-col _gap-1"><a class="nextra-focus _flex _rounded _px-2 _py-1.5 _text-sm _transition-colors [word-break:break-word] _cursor-pointer contrast-more:_border _text-gray-500 hover:_bg-gray-100 hover:_text-gray-900 dark:_text-neutral-400 dark:hover:_bg-primary-100/5 dark:hover:_text-gray-50 contrast-more:_text-gray-900 contrast-more:dark:_text-gray-50 contrast-more:_border-transparent contrast-more:hover:_border-gray-900 contrast-more:dark:hover:_border-gray-50" href="/docs/customizations/color">Color</a></li><li class="_flex _flex-col _gap-1"><a class="nextra-focus _flex _rounded _px-2 _py-1.5 _text-sm _transition-colors [word-break:break-word] _cursor-pointer contrast-more:_border _text-gray-500 hover:_bg-gray-100 hover:_text-gray-900 dark:_text-neutral-400 dark:hover:_bg-primary-100/5 dark:hover:_text-gray-50 contrast-more:_text-gray-900 contrast-more:dark:_text-gray-50 contrast-more:_border-transparent contrast-more:hover:_border-gray-900 contrast-more:dark:hover:_border-gray-50" href="/docs/customizations/space">Spacing</a></li></ul></div></div></li><li class="open"><a class="nextra-focus _items-center _justify-between _gap-2 _flex _rounded _px-2 _py-1.5 _text-sm _transition-colors [word-break:break-word] _cursor-pointer contrast-more:_border _text-gray-500 hover:_bg-gray-100 hover:_text-gray-900 dark:_text-neutral-400 dark:hover:_bg-primary-100/5 dark:hover:_text-gray-50 contrast-more:_text-gray-900 contrast-more:dark:_text-gray-50 contrast-more:_border-transparent contrast-more:hover:_border-gray-900 contrast-more:dark:hover:_border-gray-50" href="/docs/components">Components<svg viewBox="0 0 24 24" stroke="currentColor" fill="none" stroke-width="2" height="18" class="_shrink-0 _rounded-sm _p-0.5 hover:_bg-gray-800/5 dark:hover:_bg-gray-100/5 motion-reduce:*:_transition-none *:_origin-center *:_transition-transform *:rtl:_-rotate-180 *:ltr:_rotate-90 *:rtl:_rotate-[-270deg]"><path d="M9 5l7 7-7 7" stroke-linecap="round" stroke-linejoin="round"></path></svg></a><div class="_transform-gpu _transition-all _ease-in-out motion-reduce:_transition-none _opacity-100" style="transition-duration:500ms"><div><ul class="_flex _flex-col _gap-1 _relative before:_absolute before:_inset-y-1 before:_w-px before:_bg-gray-200 before:_content-[""] dark:before:_bg-neutral-800 ltr:_pl-3 ltr:before:_left-0 rtl:_pr-3 rtl:before:_right-0 _pt-1 ltr:_ml-3 rtl:_mr-3"><li class="_flex _flex-col _gap-1"><a class="nextra-focus _flex _rounded _px-2 _py-1.5 _text-sm _transition-colors [word-break:break-word] _cursor-pointer contrast-more:_border _text-gray-500 hover:_bg-gray-100 hover:_text-gray-900 dark:_text-neutral-400 dark:hover:_bg-primary-100/5 dark:hover:_text-gray-50 contrast-more:_text-gray-900 contrast-more:dark:_text-gray-50 contrast-more:_border-transparent contrast-more:hover:_border-gray-900 contrast-more:dark:hover:_border-gray-50" href="/docs/components/react">React Components</a></li><li class="_flex _flex-col _gap-1"><a class="nextra-focus _flex _rounded _px-2 _py-1.5 _text-sm _transition-colors [word-break:break-word] _cursor-pointer contrast-more:_border _text-gray-500 hover:_bg-gray-100 hover:_text-gray-900 dark:_text-neutral-400 dark:hover:_bg-primary-100/5 dark:hover:_text-gray-50 contrast-more:_text-gray-900 contrast-more:dark:_text-gray-50 contrast-more:_border-transparent contrast-more:hover:_border-gray-900 contrast-more:dark:hover:_border-gray-50" href="/docs/components/nextjs">Next.js Components</a></li><li class="_flex _flex-col _gap-1"><a class="nextra-focus _flex _rounded _px-2 _py-1.5 _text-sm _transition-colors [word-break:break-word] _cursor-pointer contrast-more:_border _text-gray-500 hover:_bg-gray-100 hover:_text-gray-900 dark:_text-neutral-400 dark:hover:_bg-primary-100/5 dark:hover:_text-gray-50 contrast-more:_text-gray-900 contrast-more:dark:_text-gray-50 contrast-more:_border-transparent contrast-more:hover:_border-gray-900 contrast-more:dark:hover:_border-gray-50" href="/docs/components/vue">Vue Components</a></li></ul></div></div></li><li class="open"><button class="_transition _items-center _justify-between _gap-2 _text-left _w-full _flex _rounded _px-2 _py-1.5 _text-sm _transition-colors [word-break:break-word] _cursor-pointer contrast-more:_border _text-gray-500 hover:_bg-gray-100 hover:_text-gray-900 dark:_text-neutral-400 dark:hover:_bg-primary-100/5 dark:hover:_text-gray-50 contrast-more:_text-gray-900 contrast-more:dark:_text-gray-50 contrast-more:_border-transparent contrast-more:hover:_border-gray-900 contrast-more:dark:hover:_border-gray-50" data-href="/docs/forms" type="button" data-headlessui-state="">Form<svg viewBox="0 0 24 24" stroke="currentColor" fill="none" stroke-width="2" height="18" class="_shrink-0 _rounded-sm _p-0.5 hover:_bg-gray-800/5 dark:hover:_bg-gray-100/5 motion-reduce:*:_transition-none *:_origin-center *:_transition-transform *:rtl:_-rotate-180 *:ltr:_rotate-90 *:rtl:_rotate-[-270deg]"><path d="M9 5l7 7-7 7" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><div class="_transform-gpu _transition-all _ease-in-out motion-reduce:_transition-none _opacity-100" style="transition-duration:500ms"><div><ul class="_flex _flex-col _gap-1 _relative before:_absolute before:_inset-y-1 before:_w-px before:_bg-gray-200 before:_content-[""] dark:before:_bg-neutral-800 ltr:_pl-3 ltr:before:_left-0 rtl:_pr-3 rtl:before:_right-0 _pt-1 ltr:_ml-3 rtl:_mr-3"><li class="_flex _flex-col _gap-1"><a class="nextra-focus _flex _rounded _px-2 _py-1.5 _text-sm _transition-colors [word-break:break-word] _cursor-pointer contrast-more:_border _text-gray-500 hover:_bg-gray-100 hover:_text-gray-900 dark:_text-neutral-400 dark:hover:_bg-primary-100/5 dark:hover:_text-gray-50 contrast-more:_text-gray-900 contrast-more:dark:_text-gray-50 contrast-more:_border-transparent contrast-more:hover:_border-gray-900 contrast-more:dark:hover:_border-gray-50" href="/docs/forms/form-elements">Form Elements</a></li></ul></div></div></li><li class="open"><a class="nextra-focus _items-center _justify-between _gap-2 _flex _rounded _px-2 _py-1.5 _text-sm _transition-colors [word-break:break-word] _cursor-pointer contrast-more:_border _text-gray-500 hover:_bg-gray-100 hover:_text-gray-900 dark:_text-neutral-400 dark:hover:_bg-primary-100/5 dark:hover:_text-gray-50 contrast-more:_text-gray-900 contrast-more:dark:_text-gray-50 contrast-more:_border-transparent contrast-more:hover:_border-gray-900 contrast-more:dark:hover:_border-gray-50" href="/docs/update-logs">Update Logs<svg viewBox="0 0 24 24" stroke="currentColor" fill="none" stroke-width="2" height="18" class="_shrink-0 _rounded-sm _p-0.5 hover:_bg-gray-800/5 dark:hover:_bg-gray-100/5 motion-reduce:*:_transition-none *:_origin-center *:_transition-transform *:rtl:_-rotate-180 *:ltr:_rotate-90 *:rtl:_rotate-[-270deg]"><path d="M9 5l7 7-7 7" stroke-linecap="round" stroke-linejoin="round"></path></svg></a><div class="_transform-gpu _transition-all _ease-in-out motion-reduce:_transition-none _opacity-100" style="transition-duration:500ms"><div><ul class="_flex _flex-col _gap-1 _relative before:_absolute before:_inset-y-1 before:_w-px before:_bg-gray-200 before:_content-[""] dark:before:_bg-neutral-800 ltr:_pl-3 ltr:before:_left-0 rtl:_pr-3 rtl:before:_right-0 _pt-1 ltr:_ml-3 rtl:_mr-3"><li class="_flex _flex-col _gap-1"><a class="nextra-focus _flex _rounded _px-2 _py-1.5 _text-sm _transition-colors [word-break:break-word] _cursor-pointer contrast-more:_border _text-gray-500 hover:_bg-gray-100 hover:_text-gray-900 dark:_text-neutral-400 dark:hover:_bg-primary-100/5 dark:hover:_text-gray-50 contrast-more:_text-gray-900 contrast-more:dark:_text-gray-50 contrast-more:_border-transparent contrast-more:hover:_border-gray-900 contrast-more:dark:hover:_border-gray-50" href="/docs/update-logs/react">React</a></li><li class="_flex _flex-col _gap-1"><a class="nextra-focus _flex _rounded _px-2 _py-1.5 _text-sm _transition-colors [word-break:break-word] _cursor-pointer contrast-more:_border _text-gray-500 hover:_bg-gray-100 hover:_text-gray-900 dark:_text-neutral-400 dark:hover:_bg-primary-100/5 dark:hover:_text-gray-50 contrast-more:_text-gray-900 contrast-more:dark:_text-gray-50 contrast-more:_border-transparent contrast-more:hover:_border-gray-900 contrast-more:dark:hover:_border-gray-50" href="/docs/update-logs/nextjs">Next.js</a></li><li class="_flex _flex-col _gap-1"><a class="nextra-focus _flex _rounded _px-2 _py-1.5 _text-sm _transition-colors [word-break:break-word] _cursor-pointer contrast-more:_border _text-gray-500 hover:_bg-gray-100 hover:_text-gray-900 dark:_text-neutral-400 dark:hover:_bg-primary-100/5 dark:hover:_text-gray-50 contrast-more:_text-gray-900 contrast-more:dark:_text-gray-50 contrast-more:_border-transparent contrast-more:hover:_border-gray-900 contrast-more:dark:hover:_border-gray-50" href="/docs/update-logs/vue">Vue</a></li></ul></div></div></li><li class="open"><button class="_transition _items-center _justify-between _gap-2 _text-left _w-full _flex _rounded _px-2 _py-1.5 _text-sm _transition-colors [word-break:break-word] _cursor-pointer contrast-more:_border _text-gray-500 hover:_bg-gray-100 hover:_text-gray-900 dark:_text-neutral-400 dark:hover:_bg-primary-100/5 dark:hover:_text-gray-50 contrast-more:_text-gray-900 contrast-more:dark:_text-gray-50 contrast-more:_border-transparent contrast-more:hover:_border-gray-900 contrast-more:dark:hover:_border-gray-50" data-href="/docs/others" type="button" data-headlessui-state="">Others<svg viewBox="0 0 24 24" stroke="currentColor" fill="none" stroke-width="2" height="18" class="_shrink-0 _rounded-sm _p-0.5 hover:_bg-gray-800/5 dark:hover:_bg-gray-100/5 motion-reduce:*:_transition-none *:_origin-center *:_transition-transform *:rtl:_-rotate-180 *:ltr:_rotate-90 *:rtl:_rotate-[-270deg]"><path d="M9 5l7 7-7 7" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><div class="_transform-gpu _transition-all _ease-in-out motion-reduce:_transition-none _opacity-100" style="transition-duration:500ms"><div><ul class="_flex _flex-col _gap-1 _relative before:_absolute before:_inset-y-1 before:_w-px before:_bg-gray-200 before:_content-[""] dark:before:_bg-neutral-800 ltr:_pl-3 ltr:before:_left-0 rtl:_pr-3 rtl:before:_right-0 _pt-1 ltr:_ml-3 rtl:_mr-3"><li class="_flex _flex-col _gap-1"><a class="nextra-focus _flex _rounded _px-2 _py-1.5 _text-sm _transition-colors [word-break:break-word] _cursor-pointer contrast-more:_border _text-gray-500 hover:_bg-gray-100 hover:_text-gray-900 dark:_text-neutral-400 dark:hover:_bg-primary-100/5 dark:hover:_text-gray-50 contrast-more:_text-gray-900 contrast-more:dark:_text-gray-50 contrast-more:_border-transparent contrast-more:hover:_border-gray-900 contrast-more:dark:hover:_border-gray-50" href="/docs/others/bsupport">Browser Support</a></li><li class="_flex _flex-col _gap-1"><a class="nextra-focus _flex _rounded _px-2 _py-1.5 _text-sm _transition-colors [word-break:break-word] _cursor-pointer contrast-more:_border _text-gray-500 hover:_bg-gray-100 hover:_text-gray-900 dark:_text-neutral-400 dark:hover:_bg-primary-100/5 dark:hover:_text-gray-50 contrast-more:_text-gray-900 contrast-more:dark:_text-gray-50 contrast-more:_border-transparent contrast-more:hover:_border-gray-900 contrast-more:dark:hover:_border-gray-50" href="/docs/others/license">License</a></li><li class="_flex _flex-col _gap-1"><a class="nextra-focus _flex _rounded _px-2 _py-1.5 _text-sm _transition-colors [word-break:break-word] _cursor-pointer contrast-more:_border _text-gray-500 hover:_bg-gray-100 hover:_text-gray-900 dark:_text-neutral-400 dark:hover:_bg-primary-100/5 dark:hover:_text-gray-50 contrast-more:_text-gray-900 contrast-more:dark:_text-gray-50 contrast-more:_border-transparent contrast-more:hover:_border-gray-900 contrast-more:dark:hover:_border-gray-50" href="/docs/others/faq">Faq</a></li></ul></div></div></li><li class="_flex _flex-col _gap-1"><a class="nextra-focus _flex _rounded _px-2 _py-1.5 _text-sm _transition-colors [word-break:break-word] _cursor-pointer contrast-more:_border _text-gray-500 hover:_bg-gray-100 hover:_text-gray-900 dark:_text-neutral-400 dark:hover:_bg-primary-100/5 dark:hover:_text-gray-50 contrast-more:_text-gray-900 contrast-more:dark:_text-gray-50 contrast-more:_border-transparent contrast-more:hover:_border-gray-900 contrast-more:dark:hover:_border-gray-50" href="/docs/credits-and-resources">Credits and Resources</a></li><li class="_flex _flex-col _gap-1"><a class="nextra-focus _flex _rounded _px-2 _py-1.5 _text-sm _transition-colors [word-break:break-word] _cursor-pointer contrast-more:_border _text-gray-500 hover:_bg-gray-100 hover:_text-gray-900 dark:_text-neutral-400 dark:hover:_bg-primary-100/5 dark:hover:_text-gray-50 contrast-more:_text-gray-900 contrast-more:dark:_text-gray-50 contrast-more:_border-transparent contrast-more:hover:_border-gray-900 contrast-more:dark:hover:_border-gray-50" href="/docs/useful-links">Useful Links</a></li></ul></div></div></div><div class="nextra-sidebar-footer _sticky _bottom-0 _flex _items-center _gap-2 _py-4 _mx-3 _px-1" data-toggle-animation="off"><button class="_transition max-md:_hidden _rounded-md _p-2 _text-gray-600 dark:_text-gray-400" title="Hide sidebar" type="button" data-headlessui-state=""><svg viewBox="0 0 16 16" fill="currentColor" height="12" class=""><path d="M4.177 7.823l2.396-2.396A.25.25 0 017 5.604v4.792a.25.25 0 01-.427.177L4.177 8.177a.25.25 0 010-.354z"></path><path fill-rule="evenodd" d="M0 1.75C0 .784.784 0 1.75 0h12.5C15.216 0 16 .784 16 1.75v12.5A1.75 1.75 0 0114.25 16H1.75A1.75 1.75 0 010 14.25V1.75zm1.75-.25a.25.25 0 00-.25.25v12.5c0 .138.112.25.25.25H9.5v-13H1.75zm12.5 13H11v-13h3.25a.25.25 0 01.25.25v12.5a.25.25 0 01-.25.25z"></path></svg></button></div></aside><nav class="nextra-toc _order-last max-xl:_hidden _w-64 _shrink-0 print:_hidden" aria-label="table of contents"><div class="_sticky _top-[--nextra-navbar-height] _pt-6 _text-sm _max-h-[calc(100vh-var(--nextra-navbar-height))]"></div></nav><div id="reach-skip-nav"></div><article class="_w-full _break-words nextra-content _flex _min-h-[calc(100vh-var(--nextra-navbar-height))] _min-w-0 _justify-center _pb-8 _pr-[calc(env(safe-area-inset-right)-1.5rem)]"><main class="_w-full _min-w-0 _max-w-6xl _px-6 _pt-4 md:_px-12"><div class="nextra-breadcrumb _mt-1.5 _flex _items-center _gap-1 _overflow-hidden _text-sm _text-gray-500 dark:_text-gray-400 contrast-more:_text-current"><span class="_whitespace-nowrap _transition-colors _min-w-6 _overflow-hidden _text-ellipsis" title="Docs">Docs</span><svg viewBox="0 0 24 24" stroke="currentColor" fill="none" stroke-width="2" height="14" class="_shrink-0 rtl:_rotate-180"><path d="M9 5l7 7-7 7" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="_whitespace-nowrap _transition-colors _font-medium _text-gray-700 contrast-more:_font-bold contrast-more:_text-current dark:_text-gray-100 contrast-more:dark:_text-current" title="Introduction">Introduction</span></div><h1 class="_mt-2 _text-4xl _font-bold _tracking-tight _text-slate-900 dark:_text-slate-100">👋 Introduction</h1> <figure><img src="/images/docs/cover.png" class="rounded-2xl" alt=""/><br/><figcaption><p class="text-xl font-bold">Current Version - 2.0</p></figcaption></figure> <p class="[&:not(:first-child)]:_mt-6 _leading-7">You will learn how to install and set up TailAdmin, customize the template to suit your needs, and make use of its built-in components and plugins.</p> <p class="[&:not(:first-child)]:_mt-6 _leading-7">TailAdmin is a Tailwind CSS-based admin dashboard template that provides developers with everything they need to create a complete, data-driven back-end, dashboard, or admin panel. </p> <p class="[&:not(:first-child)]:_mt-6 _leading-7">TailAdmin provides two types of dashboard templates: one powered by HTML (Tailwind and Alpine.js) and another powered by React (Tailwind and React.js)</p> <p class="[&:not(:first-child)]:_mt-6 _leading-7">Choose the one that meets your requirements and build the dashboard you’ve always wanted to build.</p><div class="_mt-16"></div><div class="_mb-8 _flex _items-center _border-t _pt-8 dark:_border-neutral-800 contrast-more:_border-neutral-400 dark:contrast-more:_border-neutral-400 print:_hidden"><a title="Installation" class="nextra-focus _text-gray-600 dark:_text-gray-400 hover:_text-gray-800 dark:hover:_text-gray-200 contrast-more:_text-gray-700 contrast-more:dark:_text-gray-100 _flex _max-w-[50%] _items-center _gap-1 _py-4 _text-base _font-medium _transition-colors [word-break:break-word] md:_text-lg ltr:_ml-auto ltr:_pl-4 ltr:_text-right rtl:_mr-auto rtl:_pr-4 rtl:_text-left" href="/docs/installation">Installation<svg viewBox="0 0 24 24" stroke="currentColor" fill="none" stroke-width="2" class="_inline _h-5 _shrink-0 rtl:_rotate-180"><path d="M9 5l7 7-7 7" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></main></article></div><footer class="relative overflow-hidden bg-gray-50 pt-16 md:pt-24 lg:pt-30"><div class="container"><div class="flex gap-10 pb-10 max-xl:flex-wrap md:pb-14 lg:justify-between lg:pb-20"><div class="max-w-[388px]"><div><a class="mb-6 inline-block" aria-label="tailadmin logo" href="/"><svg class="text-title-color" width="164" height="34" viewBox="0 0 164 34" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 8.94737C0 4.00587 4.00587 0 8.94737 0H25.0526C29.9941 0 34 4.00587 34 8.94737V25.0526C34 29.9941 29.9941 34 25.0526 34H8.94737C4.00587 34 0 29.9941 0 25.0526V8.94737Z" fill="#465FFF"></path><g filter="url(#filter0_d_7188_1068)"><path d="M8.9502 8.94786C8.9502 7.95956 9.75137 7.15839 10.7397 7.15839C11.728 7.15839 12.5291 7.95956 12.5291 8.94786V25.0531C12.5291 26.0414 11.728 26.8426 10.7397 26.8426C9.75137 26.8426 8.9502 26.0414 8.9502 25.0531V8.94786Z" fill="white"></path></g><g filter="url(#filter1_d_7188_1068)"><path d="M15.6636 16.1042C15.6636 15.1159 16.4647 14.3147 17.453 14.3147C18.4413 14.3147 19.2425 15.1159 19.2425 16.1042V25.0515C19.2425 26.0398 18.4413 26.841 17.453 26.841C16.4647 26.841 15.6636 26.0398 15.6636 25.0515V16.1042Z" fill="white" fill-opacity="0.9" shape-rendering="crispEdges"></path></g><g filter="url(#filter2_d_7188_1068)"><path d="M22.3706 11.6301C22.3706 10.6418 23.1718 9.84058 24.1601 9.84058C25.1484 9.84058 25.9496 10.6418 25.9496 11.63V25.0511C25.9496 26.0394 25.1484 26.8406 24.1601 26.8406C23.1718 26.8406 22.3706 26.0394 22.3706 25.0511V11.6301Z" fill="white" fill-opacity="0.7" shape-rendering="crispEdges"></path></g><path d="M46.75 10.7471H52.1565V26.2341H55.3904V10.7471H60.7969V7.76593H46.75V10.7471Z" fill="currentColor"></path><path d="M64.4061 26.5625C66.3515 26.5625 68.0442 25.6783 68.5747 24.3898L68.8021 26.2341H71.5054V18.6548C71.5054 15.1936 69.4337 13.3746 66.0736 13.3746C62.6882 13.3746 60.4649 15.1431 60.4649 17.8463H63.0924C63.0924 16.5326 64.1029 15.7747 65.922 15.7747C67.4884 15.7747 68.4989 16.4568 68.4989 18.1495V18.4274L64.7598 18.7053C61.8039 18.9327 60.1365 20.3728 60.1365 22.6718C60.1365 25.0214 61.7534 26.5625 64.4061 26.5625ZM65.4167 24.2382C64.0272 24.2382 63.2692 23.6824 63.2692 22.5455C63.2692 21.5349 64.0019 20.9033 65.922 20.7265L68.5242 20.5244V21.1812C68.5242 23.1013 67.3115 24.2382 65.4167 24.2382Z" fill="currentColor"></path><path d="M76.0744 11.2524C77.085 11.2524 77.9187 10.4187 77.9187 9.38284C77.9187 8.34701 77.085 7.53856 76.0744 7.53856C75.0133 7.53856 74.1796 8.34701 74.1796 9.38284C74.1796 10.4187 75.0133 11.2524 76.0744 11.2524ZM74.5333 26.2341H77.6155V13.7535H74.5333V26.2341Z" fill="currentColor"></path><path d="M83.9075 26.2341V7.4375H80.8505V26.2341H83.9075Z" fill="currentColor"></path><path d="M89.1871 26.2341L90.6777 21.9644H97.5749L99.0654 26.2341H102.476L95.8064 7.76593H92.4967L85.827 26.2341H89.1871ZM93.7347 13.2735C93.9115 12.7682 94.0631 12.2124 94.1389 11.8587C94.1894 12.2377 94.3663 12.7935 94.5179 13.2735L96.6401 19.2359H91.6378L93.7347 13.2735Z" fill="currentColor"></path><path d="M108.898 26.5625C110.793 26.5625 112.41 25.7288 113.168 24.2887L113.37 26.2341H116.2V7.4375H113.143V15.3452C112.36 14.1072 110.818 13.3746 109.075 13.3746C105.311 13.3746 103.037 16.1536 103.037 20.0443C103.037 23.9098 105.286 26.5625 108.898 26.5625ZM109.58 23.7329C107.433 23.7329 106.119 22.1665 106.119 19.9433C106.119 17.72 107.433 16.1284 109.58 16.1284C111.728 16.1284 113.117 17.6948 113.117 19.9433C113.117 22.1918 111.728 23.7329 109.58 23.7329Z" fill="currentColor"></path><path d="M122.494 26.2341V19.1601C122.494 17.139 123.681 16.1789 125.147 16.1789C126.612 16.1789 127.547 17.1137 127.547 18.8569V26.2341H130.629V19.1601C130.629 17.1137 131.766 16.1536 133.257 16.1536C134.722 16.1536 135.682 17.0884 135.682 18.8822V26.2341H138.739V18.0737C138.739 15.1936 137.071 13.3746 134.04 13.3746C132.145 13.3746 130.68 14.3094 130.048 15.7494C129.391 14.3094 128.077 13.3746 126.183 13.3746C124.389 13.3746 123.126 14.183 122.494 15.2189L122.241 13.7535H119.412V26.2341H122.494Z" fill="currentColor"></path><path d="M143.306 11.2524C144.316 11.2524 145.15 10.4187 145.15 9.38284C145.15 8.34701 144.316 7.53856 143.306 7.53856C142.245 7.53856 141.411 8.34701 141.411 9.38284C141.411 10.4187 142.245 11.2524 143.306 11.2524ZM141.765 26.2341H144.847V13.7535H141.765V26.2341Z" fill="currentColor"></path><path d="M151.114 26.2341V19.5138C151.114 17.4927 152.276 16.1789 154.171 16.1789C155.762 16.1789 156.798 17.1895 156.798 19.2864V26.2341H159.88V18.5537C159.88 15.3199 158.263 13.3746 155.131 13.3746C153.438 13.3746 151.922 14.1072 151.139 15.3705L150.886 13.7535H148.031V26.2341H151.114Z" fill="currentColor"></path><defs><filter id="filter0_d_7188_1068" x="7.9502" y="6.65839" width="5.57886" height="21.6842" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset dy="0.5"></feOffset><feGaussianBlur stdDeviation="0.5"></feGaussianBlur><feComposite in2="hardAlpha" operator="out"></feComposite><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"></feColorMatrix><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_7188_1068"></feBlend><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_7188_1068" result="shape"></feBlend></filter><filter id="filter1_d_7188_1068" x="14.6636" y="13.8147" width="5.57886" height="14.5263" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset dy="0.5"></feOffset><feGaussianBlur stdDeviation="0.5"></feGaussianBlur><feComposite in2="hardAlpha" operator="out"></feComposite><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"></feColorMatrix><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_7188_1068"></feBlend><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_7188_1068" result="shape"></feBlend></filter><filter id="filter2_d_7188_1068" x="21.3706" y="9.34058" width="5.57886" height="19" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset dy="0.5"></feOffset><feGaussianBlur stdDeviation="0.5"></feGaussianBlur><feComposite in2="hardAlpha" operator="out"></feComposite><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"></feColorMatrix><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_7188_1068"></feBlend><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_7188_1068" result="shape"></feBlend></filter></defs></svg></a><p class="mb-10 text-base text-text-color-secondary">Free and Open-Source Tailwind CSS Admin Dashboard Template, now available for - HTML, React, Next.js and Vue</p><div class="flex gap-1.5"><a target="_blank" rel="nofollow" aria-label="Discord" class="inline-flex items-center justify-center rounded-full bg-gray-100 px-5 py-2.5 text-text-color-secondary duration-200 hover:bg-gray-200 hover:text-text-color" href="https://pimjo.com/community"><svg class="h-5 w-5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_7214_2228)"><mask id="mask0_7214_2228" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><path d="M24 0H0V24H24V0Z" fill="white"></path></mask><g mask="url(#mask0_7214_2228)"><path d="M20.3303 4.22783C18.7767 3.50093 17.1156 2.97267 15.3789 2.67188C15.1656 3.05749 14.9165 3.57614 14.7446 3.98872C12.8985 3.71109 11.0693 3.71109 9.25718 3.98872C9.08539 3.57614 8.83054 3.05749 8.61536 2.67188C6.87683 2.97267 5.21374 3.50288 3.66019 4.23165C0.526643 8.96685 -0.322811 13.5845 0.101917 18.1365C2.18025 19.6885 4.19441 20.6313 6.17456 21.2483C6.66349 20.5754 7.09954 19.8601 7.47517 19.1063C6.75975 18.8344 6.07451 18.499 5.42708 18.1095C5.59882 17.9822 5.76686 17.8492 5.92916 17.7123C9.87821 19.5594 14.1689 19.5594 18.0707 17.7123C18.235 17.8492 18.4029 17.9822 18.5728 18.1095C17.9235 18.5009 17.2364 18.8363 16.521 19.1082C16.8966 19.8601 17.3308 20.5774 17.8216 21.2502C19.8036 20.6333 21.8197 19.6905 23.898 18.1365C24.3963 12.8595 23.0467 8.28435 20.3303 4.22783ZM8.01319 15.337C6.82774 15.337 5.85555 14.2303 5.85555 12.8826C5.85555 11.535 6.80696 10.4264 8.01319 10.4264C9.21941 10.4264 10.1916 11.533 10.1708 12.8826C10.1727 14.2303 9.21941 15.337 8.01319 15.337ZM15.9867 15.337C14.8013 15.337 13.8291 14.2303 13.8291 12.8826C13.8291 11.535 14.7805 10.4264 15.9867 10.4264C17.193 10.4264 18.1651 11.533 18.1444 12.8826C18.1444 14.2303 17.193 15.337 15.9867 15.337Z" fill="currentColor"></path></g></g><defs><clipPath id="clip0_7214_2228"><rect width="24" height="24" fill="white"></rect></clipPath></defs></svg></a><a target="_blank" rel="nofollow" aria-label="Twitter" class="inline-flex items-center justify-center rounded-full bg-gray-100 px-5 py-2.5 text-text-color-secondary duration-200 hover:bg-gray-200 hover:text-text-color" href="https://twitter.com/PimjoHQ"><svg class="h-5 w-5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.2543 21L10.7137 14.5283L5.02972 21H2.625L9.64691 13.0073L2.625 3H8.79896L13.0783 9.09956L18.44 3H20.8448L14.1487 10.6226L21.4281 21H15.2543ZM17.9321 19.1755H16.3132L6.06817 4.82456H7.68735L11.7906 10.5708L12.5001 11.5679L17.9321 19.1755Z" fill="currentColor"></path></svg></a><a target="_blank" rel="nofollow" aria-label="Github" class="inline-flex items-center justify-center rounded-full bg-gray-100 px-5 py-2.5 text-text-color-secondary duration-200 hover:bg-gray-200 hover:text-text-color" href="https://github.com/TailAdmin"><svg class="h-5 w-5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 2C6.47788 2 2 6.59041 2 12.2531C2 16.7833 4.86531 20.6266 8.83866 21.9824C9.33841 22.0773 9.52193 21.76 9.52193 21.4891C9.52193 21.2447 9.5126 20.4369 9.50836 19.5802C6.72626 20.2004 6.13923 18.3704 6.13923 18.3704C5.68434 17.1853 5.02891 16.8703 5.02891 16.8703C4.12165 16.2339 5.0973 16.2469 5.0973 16.2469C6.1015 16.3193 6.63027 17.3035 6.63027 17.3035C7.52216 18.871 8.96964 18.4178 9.54028 18.1559C9.63001 17.4931 9.88921 17.0409 10.1752 16.7849C7.95406 16.5255 5.61909 15.6464 5.61909 11.7177C5.61909 10.5983 6.00974 9.6836 6.64948 8.96559C6.54564 8.7073 6.20338 7.6645 6.74634 6.25219C6.74634 6.25219 7.58608 5.97662 9.49707 7.3032C10.2947 7.07595 11.1502 6.96209 12 6.95823C12.8499 6.96209 13.706 7.07595 14.5052 7.3032C16.4139 5.97662 17.2525 6.25219 17.2525 6.25219C17.7968 7.6645 17.4544 8.7073 17.3505 8.96559C17.9917 9.6836 18.3797 10.5982 18.3797 11.7177C18.3797 15.6557 16.0403 16.5229 13.8135 16.7767C14.1722 17.0948 14.4918 17.7189 14.4918 18.6754C14.4918 20.0472 14.4802 21.1514 14.4802 21.4891C14.4802 21.762 14.6602 22.0817 15.1671 21.981C19.1383 20.6237 22 16.7818 22 12.2531C22 6.59041 17.5227 2 12 2Z" fill="currentColor"></path></svg></a></div></div></div><div class="w-full sm:w-auto"><div><h4 class="mb-7 text-xl font-medium text-text-color">Useful Links</h4><ul class="flex flex-col gap-3"><li><a class="text-base font-medium text-text-color duration-200 hover:text-primary" target="_self" rel="" href="/docs">Documentation</a></li><li><a class="text-base font-medium text-text-color duration-200 hover:text-primary" target="_self" rel="" href="/dashboard/downloads">Download Pro Update</a></li><li><a class="text-base font-medium text-text-color duration-200 hover:text-primary" target="_self" rel="" href="/blog">Blog</a></li><li><a class="text-base font-medium text-text-color duration-200 hover:text-primary" target="_self" rel="" href="/docs/update-logs">Update Logs</a></li><li><a class="text-base font-medium text-text-color duration-200 hover:text-primary" target="_self" rel="" href="/license">License</a></li></ul></div></div><div class="w-full sm:w-auto"><div><h4 class="mb-7 text-xl font-medium text-text-color">About</h4><ul class="flex flex-col gap-3"><li><a class="text-base font-medium text-text-color duration-200 hover:text-primary" target="_self" rel="" href="/privacy-policy">Privacy Policy</a></li><li><a class="text-base font-medium text-text-color duration-200 hover:text-primary" target="_self" rel="" href="/refund-policy">Refund Policy</a></li><li><a class="text-base font-medium text-text-color duration-200 hover:text-primary" target="_blank" rel="nofollow " href="https://pimjo.com/community">Community</a></li><li><a class="text-base font-medium text-text-color duration-200 hover:text-primary" target="_self" rel="" href="/support">Support</a></li><li><a class="text-base font-medium text-text-color duration-200 hover:text-primary" target="_self" rel="" href="/docs/update-logs">Current Version : 2.0.x</a></li></ul></div></div><div class="w-full max-w-[340px]"><div><h4 class="mb-7 text-xl font-medium text-text-color">Newsletter</h4><p class="text-base text-text-color-secondary">Subscribe for the latest updates</p><div class="mt-6"><form><div class="flex items-center gap-3"><div class="w-full"><input type="email" id="email" placeholder="Enter your email" class="h-12 w-full rounded-lg border border-stroke-tertiary bg-white px-4 text-sm text-text-color placeholder-gray-400 shadow-xs outline-none duration-200 focus:border-primary-300 focus:outline-none focus:ring focus:ring-primary-500/10" name="email" value=""/><div style="display:none"><label for="hp">HP</label><br/><input type="text" id="hp" name="hp"/></div><input type="hidden" name="list" value="fXmmrVQiggGBs0l5pJCoVA"/><input type="hidden" name="subform" value="yes"/></div><button type="submit" aria-label="submit button" id="submit" class="flex aspect-square min-w-12 items-center justify-center rounded-lg bg-primary text-white duration-200 hover:bg-primary-600 focus:border-primary-300 focus:shadow-focused" name="submit"><svg class="h-6 w-6" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.17642 2.73695C4.30494 1.86444 2.34486 3.76276 3.15704 5.66121L5.7427 11.7051C5.8233 11.8935 5.8233 12.1067 5.7427 12.2951L3.15704 18.3391C2.34486 20.2375 4.30494 22.1358 6.17642 21.2633L21.6712 14.0394C23.4035 13.2317 23.4035 10.7685 21.6712 9.96087L6.17642 2.73695ZM4.53613 5.07121C4.26541 4.4384 4.91877 3.80562 5.54259 4.09646L21.0374 11.3204C21.6148 11.5896 21.6148 12.4107 21.0374 12.6799L5.5426 19.9038C4.91877 20.1946 4.26541 19.5619 4.53613 18.9291L7.12179 12.8851C7.14136 12.8394 7.15935 12.7932 7.17575 12.7465L11.9107 12.7465C12.3249 12.7465 12.6607 12.4107 12.6607 11.9965C12.6607 11.5823 12.3249 11.2465 11.9107 11.2465L7.17319 11.2465C7.15748 11.2023 7.14035 11.1585 7.1218 11.1151L4.53613 5.07121Z" fill="currentColor"></path></svg></button></div></form></div></div></div></div><div class="flex items-center justify-between gap-4 border-t border-stroke py-8 max-sm:flex-col"><div class="text-base text-text-color-secondary">© 2025 TailAdmin - All Rights Reserved.</div><div><div class="flex items-center gap-3"><p class="text-base text-text-color-secondary">A product by</p><a href="https://pimjo.com" aria-label="pimjo.com" target="_blank" rel="noopener noreferrer" class="leading-none"><svg width="64" viewBox="0 0 482 118" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M30.271 90.1525C35.1849 91.9419 40.4887 92.9176 46.0182 92.9176C71.4336 92.9176 92.0368 72.3143 92.0368 46.8989C92.0368 21.4835 71.4336 0.880295 46.0182 0.880295C20.6028 0.880295 -0.000488281 21.4839 -0.000488281 46.8992V112.61C-0.000488281 116.758 5.13533 118.697 7.87674 115.584C15.3415 107.107 22.8063 98.6296 30.271 90.1525ZM66.1325 46.8989C66.1325 58.0078 57.127 67.0133 46.0182 67.0133C34.9093 67.0133 25.9039 58.0078 25.9039 46.8989C25.9039 35.7901 34.9093 26.7846 46.0182 26.7846C57.127 26.7846 66.1325 35.7901 66.1325 46.8989Z" fill="#725CFF"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M121.845 10.8463H156.429C162.67 10.8463 168.216 11.9956 173.043 14.3238C177.96 16.576 181.814 19.9239 184.578 24.3612C187.356 28.7404 188.718 34.0489 188.718 40.2357C188.718 46.3517 187.311 51.6601 184.454 56.1157C181.691 60.4675 177.882 63.8113 173.052 66.1432C168.223 68.4744 162.674 69.6252 156.429 69.6252H140.275V102.847H121.845V10.8463ZM168.61 33.4871C167.499 31.5609 165.949 30.0837 163.942 29.0429L163.916 29.0296C161.917 27.919 159.514 27.343 156.671 27.343H140.275V53.1285H156.671C159.519 53.1285 161.927 52.5912 163.929 51.556C165.944 50.434 167.497 48.9127 168.61 46.9844C169.719 45.0617 170.288 42.8223 170.288 40.2357C170.288 37.5617 169.716 35.3313 168.619 33.5019L168.61 33.4871Z" fill="#334059"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M200.18 102.847V10.8463H218.61V102.847H200.18Z" fill="#334059"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M251.131 10.8463L280.536 50.7905L309.309 10.8463H326.526V102.847H307.975V43.669L281.689 78.6857H278.75L252.351 42.6262V102.847H233.921V10.8463H251.131Z" fill="#334059"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M482.001 56.847C482.001 83.3921 460.482 104.911 433.937 104.911C407.392 104.911 385.872 83.3921 385.872 56.847C385.872 30.302 407.392 8.78296 433.937 8.78296C460.482 8.78296 482.001 30.302 482.001 56.847ZM433.937 86.5016C450.314 86.5016 463.591 73.2248 463.591 56.847C463.591 40.4693 450.314 27.1925 433.937 27.1925C417.559 27.1925 404.282 40.4693 404.282 56.847C404.282 73.2248 417.559 86.5016 433.937 86.5016Z" fill="#334059"></path><path d="M344.179 85.7461C347.85 85.7461 350.639 84.7193 352.666 82.7645C352.94 82.5 353.197 82.2243 353.436 81.9372C355.042 80.0105 355.864 77.569 355.864 74.5447V10.8463H374.414V73.9407C374.414 79.644 373.174 84.6919 370.66 89.0519C368.226 93.4125 364.701 96.8061 360.112 99.2265C355.591 101.654 350.268 102.847 344.179 102.847H337.985V85.7461H344.179Z" fill="#334059"></path></svg></a></div></div></div></div></footer></div></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/docs","query":{},"buildId":"s89rz_2OJv65k7k1z7xJ9","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>