# Hilfe bei Tabs für mein Plugin

**URL:** <https://forum.shopware.com/t/hilfe-bei-tabs-fuer-mein-plugin/98413>\
**Category:** Shopware 6 (German)\
**Tags:** programming\
**Created:** [8. Februar 2023 um 10:34 UTC](https://forum.shopware.com/t/hilfe-bei-tabs-fuer-mein-plugin/98413 "2023-02-08T10:34:32Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![hoyohoo](https://avatars.discourse-cdn.com/v4/letter/h/67e7ee/32.png) [@hoyohoo](https://forum.shopware.com/u/hoyohoo)\
**Post date:** [8. Februar 2023 um 10:34 UTC](https://forum.shopware.com/t/hilfe-bei-tabs-fuer-mein-plugin/98413/1 "2023-02-08T10:34:32Z")

</div>

Hallo, ich versuche aktuell Tabs zu meinem Plugin hinzuzufügen, sodass ich dann je nach Tab eine andere Tabelle darstellen kann. Problem ist, ich weiß nicht wie. Ich habe diesen Code schnipsel:

```auto
<sw-tabs>
    <sw-tabs-item>
        Explore
    </sw-tabs-item>
    <sw-tabs-item>
        My Plugins
    </sw-tabs-item>
</sw-tabs>

```

Ich schaffe es nicht, dass da in den Tabs dann ein Inhalt dargestellt wird. Mein eigentlicher Content im sw-page wird aktuell noch so erstellt:

```auto
<sw-page :showSearchBar="showSearchBar">
<template slot="content">
        <sw-card-view>
            <sw-card title="My Configuration" :large="true" class="test">
                <salty-performance-media-grid
                    :values="mediaConfigurationInformation">
                </salty-performance-media-grid>
                <br/>
                <b>Total: </b>
            </sw-card>
        </sw-card-view>
    </template>
</sw-page>

```

Kann mir bitte jemand helfen?

---

<div class="post-metadata">

**Author:** ![area-net-gmbh](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/area-net-gmbh/32/21995_2.png) [@area-net-gmbh](https://forum.shopware.com/u/area-net-gmbh)\
**Post date:** [10. Oktober 2023 um 09:26 UTC](https://forum.shopware.com/t/hilfe-bei-tabs-fuer-mein-plugin/98413/2 "2023-10-10T09:26:26Z")

</div>

Falls es noch relevant sein sollte:

```auto
<sw-tabs position-identifier="" default-item="test1">

    <!-- TABS HEADER -->
    <template #default="{ active }">
      <sw-tabs-item :name="'test1'">
        Test 1
      </sw-tabs-item>
      <sw-tabs-item :name="'test2'">
        Test 2
      </sw-tabs-item>
    </template>

    <!-- TABS CONTENT -->
    <template #content="{ active }">
      <div v-if="active === 'test1'">
        Test 1 Content
      </div>
      <div v-if="active === 'test2'">
        Test 2 Content
      </div>
    </template>
    
</sw-Tabs>

```