Nebenbemerkungen
Um sekundäre Informationen neben dem Hauptinhalt einer Seite anzuzeigen, verwende die Komponente <Aside>
.
Import
Verwendung
Zeige eine Nebenbemerkung (auch bekannt als „Hinweise“, „Ermahnungen“ oder „Aufrufe“) mit Hilfe der Komponente <Aside>
.
Ein <Aside>
kann ein optionales type
Attribute haben, welches die Farbe, das Symbol und den Standardtitel der Nebenbemerkung steuert.
Starlight bietet auch eine benutzerdefinierte Syntax für die Darstellung von Nebenbemerkungen in Markdown und MDX als Alternative zur <Aside>
Komponente.
Siehe den Leitfaden „Inhalte in Markdown verfassen“ für Details zu dieser Syntax.
Benutzerdefinierte Titel verwenden
Überschreibe die voreingestellten Überschriften der Nebenbemerkungen mit dem Attribut title
.
import { Aside } from '@astrojs/starlight/components';
<Aside type="caution" title="Aufgepasst!"> Ein Warnhinweis *mit* einem benutzerdefinierten Titel.</Aside>
{% aside type="caution" title="Aufgepasst!" %}Ein Warnhinweis *mit* einem benutzerdefinierten Titel.{% /aside %}
<Aside>
-Eigenschaften
Implementation: Aside.astro
Die Komponente <Aside>
akzeptiert die folgenden Eigenschaften:
type
Typ: 'note' | 'tip' | 'caution' | 'danger'
Standard: 'note'
Die Art der Nebenbemerkung, die angezeigt werden soll:
note
Hinweise (die Standardeinstellung) sind blau und zeigen ein Informationssymbol an.tip
Hinweise sind violett und zeigen ein Raketensymbol an.caution
Hinweise sind gelb und zeigen ein dreieckiges Warnsymbol an.danger
Hinweise sind rot und zeigen ein achteckiges Warnsymbol an.
title
Typ: string
Die Überschrift der anzuzeigenden Nebenbemerkung.
Wenn title
nicht gesetzt ist, wird der Standardtitel für den aktuellen type
der Nebenbemerkung verwendet.