> ## Documentation Index
> Fetch the complete documentation index at: https://docs-dev.nxtcore.app/llms.txt
> Use this file to discover all available pages before exploring further.

# Badges

> Beschreibung aller Funktionen der Badges

<Card title="Genereller Erklärung der Badges." icon="award" horizontal>
  Hier wird erklärt, was Badges sind und wie diese im Profil aussehen.
</Card>

<Tabs>
  <Tab title="Übersicht" icon="image">
    <Frame>
      <img src="https://mintcdn.com/nxtcore/2-zCOOVOP-2nsAsk/images/image-7.png?fit=max&auto=format&n=2-zCOOVOP-2nsAsk&q=85&s=29211b23cee9d2bb91c882bf20b5a15b" alt="Image" width="1704" height="297" data-path="images/image-7.png" />
    </Frame>

    <Card title="Übersicht" icon="award" horizontal>
      Hier findest du Jumper zum Bearbeiten, Hinzufügen, Löschen und Suchen von Badges
    </Card>

    <Card title="Bearbeiten" icon="pencil-ruler" horizontal>
      Über diesen Button gelangst du zur Bearbeitungsansicht
    </Card>

    <Card title="Löschen" icon="trash" color="#ff0000" horizontal>
      Über diesen Button kannst du die ausgewählte Dekoration löschen.
    </Card>

    <Card title="Erstellen" icon="circle-plus" color="#008000" horizontal>
      Über diesen Button kannst du eine neue Dekoration Erstellen
    </Card>
  </Tab>

  <Tab title="Erstellen" icon="circle-plus">
    <Frame caption="Gebe hier zuerst einen Namen des Badges an. Ein Bild kann später über die Bearbeitungsseite hochgeladen werden">
      <img src="https://mintcdn.com/nxtcore/2-zCOOVOP-2nsAsk/images/image-6.png?fit=max&auto=format&n=2-zCOOVOP-2nsAsk&q=85&s=ed67d7efc266677e070ac6e9f1007482" alt="Image" width="389" height="244" data-path="images/image-6.png" />
    </Frame>
  </Tab>

  <Tab title="Bearbeiten" icon="pencil-ruler">
    <Tabs>
      <Tab title="Allgemein">
        <Frame>
          <img src="https://mintcdn.com/nxtcore/2-zCOOVOP-2nsAsk/images/image-3.png?fit=max&auto=format&n=2-zCOOVOP-2nsAsk&q=85&s=3615b1ca48de6ae4bc1c3d90b2bb2422" alt="Image" width="620" height="298" data-path="images/image-3.png" />
        </Frame>

        * **Name**
          * Text welcher beim Hover über dem Badge angezeigt werden soll
        * **Icon**
          * Bild Datei, welches verwendet werden soll
      </Tab>

      <Tab title="User">
        <Frame caption="Liste aller User welchen dieses Badge zugewiesen ist">
          <img src="https://mintcdn.com/nxtcore/2-zCOOVOP-2nsAsk/images/image-4.png?fit=max&auto=format&n=2-zCOOVOP-2nsAsk&q=85&s=6540f9f4f381808d539b9cd4161e6fff" alt="Image" width="589" height="223" data-path="images/image-4.png" />
        </Frame>
      </Tab>

      <Tab title="Teams">
        <Frame caption="Liste aller Teams welchen dieses Badge zugewiesen ist">
          <img src="https://mintcdn.com/nxtcore/2-zCOOVOP-2nsAsk/images/image-5.png?fit=max&auto=format&n=2-zCOOVOP-2nsAsk&q=85&s=f4b1bc7d2e9b20b7b8906f187e81c4c2" alt="Image" width="591" height="156" data-path="images/image-5.png" />
        </Frame>
      </Tab>
    </Tabs>
  </Tab>

  <Tab title="Beispiel">
    <Frame caption="Bildausschnitt von projectdach.de">
      <img src="https://mintcdn.com/nxtcore/byE7mBeLWmbmQK91/images/image-2.png?fit=max&auto=format&n=byE7mBeLWmbmQK91&q=85&s=4f06620b8cbfae37ed768f203a087035" alt="Image" width="1877" height="708" data-path="images/image-2.png" />
    </Frame>
  </Tab>
</Tabs>