Tabs
Tabs ist ein Block, mit dem Sie Inhalte in mehrere Abschnitte innerhalb eines einzigen Dokuments organisieren können. Es ist wie ein Satz von Tabs, auf die Sie klicken können, um verschiedene Informationen anzuzeigen. Betrachten Sie es als eine Möglichkeit, mehrere Seiten innerhalb einer Seite zu erstellen.
Warum Sie es verwenden sollten
- Komplexe Inhalte organisieren
- Gruppieren Sie zusammengehörige Inhalte in separate Tabs für eine bessere Struktur und Lesbarkeit.
- Lesbarkeit verbessern
- Machen Sie Ihre Inhalte leichter navigierbar und verständlicher.
- Platz sparen
- Nutzen Sie den Platz effizient, indem Sie Inhalte nacheinander anzeigen, statt alles auf einmal.
- Interaktive Erlebnisse erstellen Binden Sie Benutzer ein, indem Sie ihnen ermöglichen, aktiv die Informationen auszuwählen, die sie sehen möchten.
Wie Sie den Tabs-Block verwenden
Geben Sie / ein, um das Archbee Block-Menü zu öffnen
Suchen Sie nach dem Registerkarten Block und klicken Sie, um ihn einzufügen
Passen Sie Ihre Tabs und Namen an.
Standardmäßig wird der Block mit 2 Tabs mit den Namen "Tab Name" und "Second Tab Name" erstellt.
Um einen Tab umzubenennen, müssen Sie den Bearbeitungsmodus für Labels öffnen durch:
- Doppelklicken auf das Tab-Label
- Oder Klicken auf das "Edit label" Icon ( )
Drücken Sie auf Speichern ( ), um das Label zu aktualisieren, oder klicken Sie auf Verwerfen ( ↩ ), um Änderungen rückgängig zu machen.
Fügen Sie gerne Ihren Inhalt hinzu. Sie können den Inhalt nach Belieben gestalten mit dem WYSIWYG Menu oder sogar andere Blöcke einfügen, wie zum Beispiel:
Außerdem funktionieren die meisten unserer Integrationen innerhalb eines Tab-Blocks. Sie können Einbettungen aus anderen Tools wie Loom, Figma, Miro, Lucidcharts und mehr hinzufügen.
Sehen Sie sich die Eingebettete Blöcke. Seite für weitere Informationen an.
Markdown
So erstellen Sie einen Tab in Ihrem Dokument mit Markdown-Code:
Beginnen Sie mit der Zeile :::tabs.
Jeder Tab-Inhalt steht zwischen den Markierungen :::tab und :::.
🚨 Achtung!
Ein Doppelpunkt : sollte in einem übergeordneten Markdown-Element stehen, um anzuzeigen, dass es ein anderes Markdown-Element einschließt.
In diesem Fall wird :::tabs zu ::::tabs geändert.
Geben Sie jedem Tab einen Titel mit geschweiften Klammern wie {title="Ihr Abschnittsname"}. Dies ist der Name, der im Tab-Header angezeigt wird.
Platzieren Sie den gewünschten Inhalt dieses Tabs zwischen diesen Zeilen. Siehe oben die erlaubten Blöcke, die innerhalb des Tab-Blocks verwendet werden können. Überprüfen Sie die Seite Markdown-Verknüpfungen verwenden , um zu sehen, wie andere Blöcke mit Markdown verwendet werden.
Erstellen Sie so viele Tabs, wie Sie möchten, und schließen Sie Ihren Tab-Block. Vergessen Sie nicht, für jede verschachtelte Ebene Spalten hinzuzufügen.
Unten ist ein Beispiel eines Tab-Blocks mit Markdown.
## Tabs
:::::tabs
::::tab{title="Tab 1"}
Some content for Tab 1
:::hint{style="info"}
Pull requests are very welcome! Please see CONTRIBUTING.md for more information.
Tthis is really nice
:::
- [x] This is a checkbox list
- [x] This is a checkbox list
- [ ] This is done
- [ ] This is a checkbox list
::::
:::tab{title="Tab Photos"}
We would love you to contributeaaa
:::
:::::Hier ist das Ergebnis:
Einige Inhalte für Tab 1
Pull Requests sind sehr willkommen! Weitere Informationen finden Sie in CONTRIBUTING.md. Das ist wirklich schön
Dies ist eine Checkbox-Liste
Dies ist eine Checkbox-Liste
Dies ist erledigt
Dies ist eine Checkbox-Liste
Alternativ können Sie diese Variante von Markdown verwenden, um einen Tabs-Block zu erzeugen.
{% tabs %}
{% tab title="tab 2" %}some tab fasdfasdfasdfasdfads {% endtab %}
{% tab title="tab 2" %}some tab fasdfasdfasdfasdfads {% endtab %}
{% tab title="tab 2" %}some tab fasdfasdfasdfasdfads {% endtab %}
{% tab title="tab 2" %}some tab fasdfasdfasdfasdfads
{% endtab %}
{% endtabs %}Überprüfen Sie die Seite Markdown-Verknüpfungen verwenden , um weitere Markdown-Verknüpfungen für andere Blöcke zu sehen.
Beispiele
Siehe auf der Seite Abschnitt „Vertical Split“, Beispielbereiche.
Andere Blöcke finden
Entdecken Sie neue Wege und Blöcke, um beeindruckende und funktionale Dokumentationsseiten zu erstellen.
Brauchen Sie Hilfe? ⬇️
Verwenden Sie die blaue Chat-Blase in der unteren rechten Ecke.
Oder versuchen Sie KI-Chat (aus dem Suchfeld) für schnelle Antworten.
Ihre Meinung ist wichtig
Verwenden Sie das folgende Feedback-Formular anonym.
Oder stellen Sie eine Frage im Q&A-Bereich und unser Team oder die KI wird Ihnen eine Lösung bieten.