HTMLOpenTagdiv HTMLCloseTag
    HTMLOpenTagul
    data-tw-merge
    role="tablist"
    class="border-b border-slate-200 dark:border-darkmode-400 w-full flex"
HTMLCloseTag
    HTMLOpenTagli
    id="example-1-tab"
    data-tw-merge
    role="presentation"
    class="focus-visible:outline-none flex-1 -mb-px"
HTMLCloseTag
    HTMLOpenTagbutton
        data-tw-merge
        data-tw-target="#example-1"
        role="tab"
        class="cursor-pointer block appearance-none px-3 py-2 border border-transparent text-slate-600 transition-colors dark:text-slate-400 [&.active]:text-slate-700 [&.active]:dark:text-white block border-transparent rounded-t-md dark:border-transparent [&.active]:bg-white [&.active]:border-slate-200 [&.active]:border-b-transparent [&.active]:font-medium [&.active]:dark:bg-transparent [&.active]:dark:border-t-darkmode-400 [&.active]:dark:border-b-darkmode-600 [&.active]:dark:border-x-darkmode-400 [&:not(.active)]:hover:bg-slate-100 [&:not(.active)]:dark:hover:bg-darkmode-400 [&:not(.active)]:dark:hover:border-transparent active w-full py-2"
    HTMLCloseTagتب مثال1HTMLOpenTag/buttonHTMLCloseTag
HTMLOpenTag/liHTMLCloseTag
                                                        HTMLOpenTagli
    id="example-2-tab"
    data-tw-merge
    role="presentation"
    class="focus-visible:outline-none flex-1 -mb-px"
HTMLCloseTag
    HTMLOpenTagbutton
        data-tw-merge
        data-tw-target="#example-2"
        role="tab"
        class="cursor-pointer block appearance-none px-3 py-2 border border-transparent text-slate-600 transition-colors dark:text-slate-400 [&.active]:text-slate-700 [&.active]:dark:text-white block border-transparent rounded-t-md dark:border-transparent [&.active]:bg-white [&.active]:border-slate-200 [&.active]:border-b-transparent [&.active]:font-medium [&.active]:dark:bg-transparent [&.active]:dark:border-t-darkmode-400 [&.active]:dark:border-b-darkmode-600 [&.active]:dark:border-x-darkmode-400 [&:not(.active)]:hover:bg-slate-100 [&:not(.active)]:dark:hover:bg-darkmode-400 [&:not(.active)]:dark:hover:border-transparent w-full py-2"
    HTMLCloseTagتب مثال2HTMLOpenTag/buttonHTMLCloseTag
HTMLOpenTag/liHTMLCloseTag
HTMLOpenTag/ulHTMLCloseTag
                                                    HTMLOpenTagdiv
    class="tab-content border-b border-l border-r"HTMLCloseTag
    HTMLOpenTagdiv
        data-transition
        data-selector=".active"
        data-enter="transition-[visibility,opacity] ease-linear duration-150"
        data-enter-from="!p-0 !h-0 overflow-hidden invisible opacity-0"
        data-enter-to="visible opacity-100"
        data-leave="transition-[visibility,opacity] ease-linear duration-150"
        data-leave-from="visible opacity-100"
        data-leave-to="!p-0 !h-0 overflow-hidden invisible opacity-0"
        id="example-1" role="tabpanel" aria-labelledby="example-1-tab" class="tab-pane active p-5 leading-relaxed"
    HTMLCloseTagلورم ایپسوم به طور ساده متن مجازی چاپ و and
                                                            صنعت زیبا‌نویسی بوده است. Lorem Ipsum از آن زمان
                                                            متن بی‌هویه استاندارد این صنعت بوده است، از سال 1500 میلادی،
                                                            زمانی که یک چاپگر ناشناخته یک گالری از نوع گرفت و
                                                            آن را برای ساختن یک کتاب نمونه نوع مخلوط کرد. این
                                                            نه تنها پنج قرن زنده مانده است، بلکه همچنین پرش
                                                            into چاپ الکترونیکی نوع، اساسا باقی مانده است
                                                            بدون تغییر. در دهه ۱۹۶۰ محبوب شد with the
                                                            برگه‌های Letraset شامل Lorem Ipsum
                                                            و به تازگی‌تر با نرم‌افزارهای دسکتاپ
                                                            انتشار صفحه‌مانند Aldus PageMaker شامل نسخه‌هایی از
                                                            Lorem Ipsum.HTMLOpenTag/divHTMLCloseTag
                                                        HTMLOpenTagdiv
        data-transition
        data-selector=".active"
        data-enter="transition-[visibility,opacity] ease-linear duration-150"
        data-enter-from="!p-0 !h-0 overflow-hidden invisible opacity-0"
        data-enter-to="visible opacity-100"
        data-leave="transition-[visibility,opacity] ease-linear duration-150"
        data-leave-from="visible opacity-100"
        data-leave-to="!p-0 !h-0 overflow-hidden invisible opacity-0"
        id="example-2" role="tabpanel" aria-labelledby="example-2-tab" class="tab-pane p-5 leading-relaxed"
    HTMLCloseTagاین یک واقعیت بسیار قدیمی است که خواننده will be
                                                            توسط محتوای قابل خواندن یک صفحه هنگام
                                                            نگاه به طرح آن حواس پرت خواهد شد. هدف استفاده از Lorem Ipsum
                                                            این است که یک توزیع نسبتاً عادی از
                                                            letters, برخلاف استفاده از 'محتوا اینجا، محتوا
                                                            here', making it look like readable انگلیسی. Many
                                                            از بسته‌های انتشار دسکتاپ و ویرایشگرهای صفحه وب اکنون
                                                            از Lorem Ipsum به عنوان متن مدل پیش‌فرض خود استفاده می‌کنند، و
                                                            جستجو برای 'lorem ipsum' ممکن است
                                                            بسیاری از وب‌سایت‌های هنوز در دوران
                                                            over سال‌ها تکامل یافته‌اند، گاهی از طریق حادثه، گاهی از روی
                                                            اهداف (طنز و موارد مشابه).HTMLOpenTag/divHTMLCloseTag
HTMLOpenTag/divHTMLCloseTag
HTMLOpenTag/divHTMLCloseTag
            
        

            
                HTMLOpenTagdiv HTMLCloseTag
    HTMLOpenTagul
    data-tw-merge
    role="tablist"
    class="p-0.5 border bg-slate-50/70 border-slate-200/70 rounded-lg dark:border-darkmode-400 w-full flex"
HTMLCloseTag
    HTMLOpenTagli
    id="example-5-tab"
    data-tw-merge
    role="presentation"
    class="focus-visible:outline-none flex-1"
HTMLCloseTag
    HTMLOpenTagbutton
        data-tw-merge
        data-tw-target="#example-5"
        role="tab"
        class="cursor-pointer block appearance-none px-3 py-2 border border-transparent text-slate-600 transition-colors dark:text-slate-400 [&.active]:text-slate-700 [&.active]:dark:text-white rounded-md py-1.5 dark:border-transparent [&.active]:text-slate-700 [&.active]:border [&.active]:shadow-sm [&.active]:font-medium [&.active]:border-slate-200 [&.active]:bg-white [&.active]:dark:text-slate-300 [&.active]:dark:bg-darkmode-400 [&.active]:dark:border-darkmode-400 active w-full py-2"
    HTMLCloseTagتب مثال1HTMLOpenTag/buttonHTMLCloseTag
HTMLOpenTag/liHTMLCloseTag
                                                        HTMLOpenTagli
    id="example-6-tab"
    data-tw-merge
    role="presentation"
    class="focus-visible:outline-none flex-1"
HTMLCloseTag
    HTMLOpenTagbutton
        data-tw-merge
        data-tw-target="#example-6"
        role="tab"
        class="cursor-pointer block appearance-none px-3 py-2 border border-transparent text-slate-600 transition-colors dark:text-slate-400 [&.active]:text-slate-700 [&.active]:dark:text-white rounded-md py-1.5 dark:border-transparent [&.active]:text-slate-700 [&.active]:border [&.active]:shadow-sm [&.active]:font-medium [&.active]:border-slate-200 [&.active]:bg-white [&.active]:dark:text-slate-300 [&.active]:dark:bg-darkmode-400 [&.active]:dark:border-darkmode-400 w-full py-2"
    HTMLCloseTagتب مثال2HTMLOpenTag/buttonHTMLCloseTag
HTMLOpenTag/liHTMLCloseTag
HTMLOpenTag/ulHTMLCloseTag
                                                    HTMLOpenTagdiv
    class="tab-content mt-5"HTMLCloseTag
    HTMLOpenTagdiv
        data-transition
        data-selector=".active"
        data-enter="transition-[visibility,opacity] ease-linear duration-150"
        data-enter-from="!p-0 !h-0 overflow-hidden invisible opacity-0"
        data-enter-to="visible opacity-100"
        data-leave="transition-[visibility,opacity] ease-linear duration-150"
        data-leave-from="visible opacity-100"
        data-leave-to="!p-0 !h-0 overflow-hidden invisible opacity-0"
        id="example-5" role="tabpanel" aria-labelledby="example-5-tab" class="tab-pane active leading-relaxed"
    HTMLCloseTagلورم ایپسوم به طور ساده متن مجازی چاپ و and
                                                            صنعت زیبا‌نویسی بوده است. Lorem Ipsum از آن زمان
                                                            متن بی‌هویه استاندارد این صنعت بوده است، از سال 1500 میلادی،
                                                            زمانی که یک چاپگر ناشناخته یک گالری از نوع گرفت و
                                                            آن را برای ساختن یک کتاب نمونه نوع مخلوط کرد. این
                                                            نه تنها پنج قرن زنده مانده است، بلکه همچنین پرش
                                                            into چاپ الکترونیکی نوع، اساسا باقی مانده است
                                                            بدون تغییر. در دهه ۱۹۶۰ محبوب شد with the
                                                            برگه‌های Letraset شامل Lorem Ipsum
                                                            و به تازگی‌تر با نرم‌افزارهای دسکتاپ
                                                            انتشار صفحه‌مانند Aldus PageMaker شامل نسخه‌هایی از
                                                            Lorem Ipsum.HTMLOpenTag/divHTMLCloseTag
                                                        HTMLOpenTagdiv
        data-transition
        data-selector=".active"
        data-enter="transition-[visibility,opacity] ease-linear duration-150"
        data-enter-from="!p-0 !h-0 overflow-hidden invisible opacity-0"
        data-enter-to="visible opacity-100"
        data-leave="transition-[visibility,opacity] ease-linear duration-150"
        data-leave-from="visible opacity-100"
        data-leave-to="!p-0 !h-0 overflow-hidden invisible opacity-0"
        id="example-6" role="tabpanel" aria-labelledby="example-6-tab" class="tab-pane leading-relaxed"
    HTMLCloseTagاین یک واقعیت بسیار قدیمی است که خواننده will be
                                                            توسط محتوای قابل خواندن یک صفحه هنگام
                                                            نگاه به طرح آن حواس پرت خواهد شد. هدف استفاده از Lorem Ipsum
                                                            این است که یک توزیع نسبتاً عادی از
                                                            letters, برخلاف استفاده از 'محتوا اینجا، محتوا
                                                            here', making it look like readable انگلیسی. Many
                                                            از بسته‌های انتشار دسکتاپ و ویرایشگرهای صفحه وب اکنون
                                                            از Lorem Ipsum به عنوان متن مدل پیش‌فرض خود استفاده می‌کنند، و
                                                            جستجو برای 'lorem ipsum' ممکن است
                                                            بسیاری از وب‌سایت‌های هنوز در دوران
                                                            over سال‌ها تکامل یافته‌اند، گاهی از طریق حادثه، گاهی از روی
                                                            اهداف (طنز و موارد مشابه).HTMLOpenTag/divHTMLCloseTag
HTMLOpenTag/divHTMLCloseTag
HTMLOpenTag/divHTMLCloseTag
            
        

            
                HTMLOpenTagdiv HTMLCloseTag
    HTMLOpenTagul
    data-tw-merge
    role="tablist"
    class="w-full flex"
HTMLCloseTag
    HTMLOpenTagli
    id="example-9-tab"
    data-tw-merge
    role="presentation"
    class="focus-visible:outline-none flex-1"
HTMLCloseTag
    HTMLOpenTagbutton
        data-tw-merge
        data-tw-target="#example-9"
        role="tab"
        class="cursor-pointer block appearance-none px-3 py-2 border border-transparent text-slate-600 transition-colors dark:text-slate-400 [&.active]:text-slate-700 [&.active]:dark:text-white border-b-2 border-transparent dark:border-transparent [&.active]:border-b-primary [&.active]:font-medium [&.active]:dark:border-b-primary active w-full py-2"
    HTMLCloseTagتب مثال1HTMLOpenTag/buttonHTMLCloseTag
HTMLOpenTag/liHTMLCloseTag
                                                        HTMLOpenTagli
    id="example-1-tab0"
    data-tw-merge
    role="presentation"
    class="focus-visible:outline-none flex-1"
HTMLCloseTag
    HTMLOpenTagbutton
        data-tw-merge
        data-tw-target="#example-10"
        role="tab"
        class="cursor-pointer block appearance-none px-3 py-2 border border-transparent text-slate-600 transition-colors dark:text-slate-400 [&.active]:text-slate-700 [&.active]:dark:text-white border-b-2 border-transparent dark:border-transparent [&.active]:border-b-primary [&.active]:font-medium [&.active]:dark:border-b-primary w-full py-2"
    HTMLCloseTagتب مثال2HTMLOpenTag/buttonHTMLCloseTag
HTMLOpenTag/liHTMLCloseTag
HTMLOpenTag/ulHTMLCloseTag
                                                    HTMLOpenTagdiv
    class="tab-content mt-5"HTMLCloseTag
    HTMLOpenTagdiv
        data-transition
        data-selector=".active"
        data-enter="transition-[visibility,opacity] ease-linear duration-150"
        data-enter-from="!p-0 !h-0 overflow-hidden invisible opacity-0"
        data-enter-to="visible opacity-100"
        data-leave="transition-[visibility,opacity] ease-linear duration-150"
        data-leave-from="visible opacity-100"
        data-leave-to="!p-0 !h-0 overflow-hidden invisible opacity-0"
        id="example-9" role="tabpanel" aria-labelledby="example-9-tab" class="tab-pane active leading-relaxed"
    HTMLCloseTagلورم ایپسوم به طور ساده متن مجازی چاپ و and
                                                            صنعت زیبا‌نویسی بوده است. Lorem Ipsum از آن زمان
                                                            متن بی‌هویه استاندارد این صنعت بوده است، از سال 1500 میلادی،
                                                            زمانی که یک چاپگر ناشناخته یک گالری از نوع گرفت و
                                                            آن را برای ساختن یک کتاب نمونه نوع مخلوط کرد. این
                                                            نه تنها پنج قرن زنده مانده است، بلکه همچنین پرش
                                                            into چاپ الکترونیکی نوع، اساسا باقی مانده است
                                                            بدون تغییر. در دهه ۱۹۶۰ محبوب شد with the
                                                            برگه‌های Letraset شامل Lorem Ipsum
                                                            و به تازگی‌تر با نرم‌افزارهای دسکتاپ
                                                            انتشار صفحه‌مانند Aldus PageMaker شامل نسخه‌هایی از
                                                            Lorem Ipsum.HTMLOpenTag/divHTMLCloseTag
                                                        HTMLOpenTagdiv
        data-transition
        data-selector=".active"
        data-enter="transition-[visibility,opacity] ease-linear duration-150"
        data-enter-from="!p-0 !h-0 overflow-hidden invisible opacity-0"
        data-enter-to="visible opacity-100"
        data-leave="transition-[visibility,opacity] ease-linear duration-150"
        data-leave-from="visible opacity-100"
        data-leave-to="!p-0 !h-0 overflow-hidden invisible opacity-0"
        id="example-10" role="tabpanel" aria-labelledby="example-10-tab" class="tab-pane leading-relaxed"
    HTMLCloseTagاین یک واقعیت بسیار قدیمی است که خواننده will be
                                                            توسط محتوای قابل خواندن یک صفحه هنگام
                                                            نگاه به طرح آن حواس پرت خواهد شد. هدف استفاده از Lorem Ipsum
                                                            این است که یک توزیع نسبتاً عادی از
                                                            letters, برخلاف استفاده از 'محتوا اینجا، محتوا
                                                            here', making it look like readable انگلیسی. Many
                                                            از بسته‌های انتشار دسکتاپ و ویرایشگرهای صفحه وب اکنون
                                                            از Lorem Ipsum به عنوان متن مدل پیش‌فرض خود استفاده می‌کنند، و
                                                            جستجو برای 'lorem ipsum' ممکن است
                                                            بسیاری از وب‌سایت‌های هنوز در دوران
                                                            over سال‌ها تکامل یافته‌اند، گاهی از طریق حادثه، گاهی از روی
                                                            اهداف (طنز و موارد مشابه).HTMLOpenTag/divHTMLCloseTag
HTMLOpenTag/divHTMLCloseTag
HTMLOpenTag/divHTMLCloseTag