tabs

Tabs that change the URL. For panels on the same page, use tab-group.

Example

Laravel

<x-admin::tabs :items="[['label' => 'All', 'href' => '#', 'count' => 24, 'active' => true], ['label' => 'Synced', 'href' => '#', 'count' => 19, 'active' => false]]" />

Props

PropRequiredDefaultOptions
items[]

Other attributes, such as wire:model or data-*, pass through to the element.

Other stacks

React and Vue: import { Tabs } from "@admiral/ui-kit/react" (or /vue). See the React and Vue guide.

HTML, for any stack
<nav class="adm-tabs">
                    <a class="adm-tab" href="#"  aria-current="page" >
            All <span class="adm-subtle">24</span>        </a>
                    <a class="adm-tab" href="#" >
            Synced <span class="adm-subtle">19</span>        </a>
    </nav>