Tabs

# Basics

To create tabs, you can use the moonshine::tabs component.

<x-moonshine::tabs
    :tabs="[
        'tab_1' => 'Tab 1',
        'tab_2' => 'Tab 2'
    ]"
    :contents="[
        'tab_1' => fake()->text(),
        'tab_2' => fake()->text()
    ]"
/>

<x-moonshine::tabs
    :tabs="[
        'tab_1' => 'Tab 1',
        'tab_2' => 'Tab 2'
    ]"
    :contents="[
        'tab_1' => fake()->text(),
        'tab_2' => fake()->text()
    ]"
/>

Et ipsa suscipit ipsa nulla. Molestias quia consequatur officiis atque magni voluptates. Voluptatibus ipsa non qui dolor rerum voluptate enim.

Quaerat pariatur et sapiente reprehenderit vero. Eius culpa qui veniam non. Velit natus rerum placeat.

# Active tab

You can specify the default active tab by specifying active.

<x-moonshine::tabs
    :tabs="[
        'tab_1' => 'Tab 1',
        'tab_2' => 'Tab 2'
    ]"
    :contents="[
        'tab_1' => fake()->text(),
        'tab_2' => fake()->text()
    ]"
    active="tab_2"
/>

<x-moonshine::tabs
    :tabs="[
        'tab_1' => 'Tab 1',
        'tab_2' => 'Tab 2'
    ]"
    :contents="[
        'tab_1' => fake()->text(),
        'tab_2' => fake()->text()
    ]"
    active="tab_2"
/>

Pariatur sit id aut nemo voluptatem qui. Et velit natus omnis ut. Voluptatibus ut distinctio expedita iusto.

Adipisci voluptatem nesciunt maxime omnis. Maiores pariatur quia in dolores sapiente veniam quasi velit. Aut tempore nihil sint dolores minima numquam. Libero aut at sit molestias quia ipsa.