<div data-controller="tabs"
data-tabs-active-tab-class="border-primary-500 text-primary-600"
data-tabs-inactive-tab-class="border-transparent text-neutral-500 dark:hover:text-neutral-300 hover:border-neutral-300 hover:text-neutral-700">
<select class="block mt-1 mb-4 w-full rounded-md border-gray-300 shadow-sm sm:hidden focus:border-blue-300 focus:ring focus:ring-blue-200 focus:ring-opacity-50" data-action="tabs#change">
<option value="
Tab header 1
">
Tab header 1
</option>
<option value="
Tab header 2
">
Tab header 2
</option>
<option value="
Tab header 3
">
Tab header 3
</option>
</select>
<div class="hidden mb-4 border-b border-gray-200 sm:block">
<nav class="flex -mb-px space-x-8" aria-label="Tabs">
<a href="#"
data-tabs-target="tab"
data-action="click->tabs#change:prevent"
class="py-4 px-1 text-sm font-medium whitespace-nowrap border-b-2">
Tab header 1
</a>
<a href="#"
data-tabs-target="tab"
data-action="click->tabs#change:prevent"
class="py-4 px-1 text-sm font-medium whitespace-nowrap border-b-2">
Tab header 2
</a>
<a href="#"
data-tabs-target="tab"
data-action="click->tabs#change:prevent"
class="py-4 px-1 text-sm font-medium whitespace-nowrap border-b-2">
Tab header 3
</a>
</nav>
</div>
<div class="hidden" data-tabs-target="panel">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<div class="hidden" data-tabs-target="panel">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p>Error iure doloribus delectus odio, nemo fugit beatae quisquam rem odio voluptatum consectetur iusto necessitatibus aspernatur, accusantium blanditiis incidunt commodi quos omnis quod rerum ducimus non sed soluta, natus reprehenderit placeat sequi hic quo itaque magni quam adipisci cum. Beatae vitae totam quod? Debitis dolorum eveniet vel accusamus impedit non quis asperiores corrupti culpa ea, ea alias repellendus odit nam assumenda ab cumque ad sapiente nihil perspiciatis.</p>
</div>
<div class="hidden" data-tabs-target="panel">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p>Et dolore excepturi aliquid eligendi commodi nostrum, exercitationem in accusantium repellendus quibusdam ex repellat enim fuga laboriosam rerum culpa, voluptas placeat officiis explicabo ad facilis laudantium amet adipisci eos corporis, temporibus non architecto tempora quod saepe eum voluptas laudantium ipsum consequatur distinctio. Sed quas perferendis delectus fugit, iusto similique laborum explicabo.</p>
<p>Saepe minus atque mollitia minima voluptates qui dolorum nesciunt nisi alias vel, reiciendis obcaecati sunt veniam. Nesciunt adipisci fuga quaerat dolorem laudantium soluta mollitia, excepturi esse optio voluptatum rem cupiditate, maxime aperiam magnam mollitia neque doloremque similique molestiae libero excepturi corrupti blanditiis. Unde vitae impedit corporis temporibus laborum repudiandae tempora maiores accusantium, similique dolorum error cumque.</p>
</div>
</div>