diff --git a/docs/src/content/docs/de/components/icons.mdx b/docs/src/content/docs/de/components/icons.mdx index 58e5ec44ee0..10def02ff22 100644 --- a/docs/src/content/docs/de/components/icons.mdx +++ b/docs/src/content/docs/de/components/icons.mdx @@ -95,7 +95,7 @@ Die Komponente `` akzeptiert die folgenden Eigenschaften: ### `name` **Erforderlich** -**Typ:** `string` +**Typ:** [`StarlightIcon`](/de/reference/icons/#starlighticon-typ) Der Name des anzuzeigenden Symbols wird auf [eines der in Starlight integrierten Symbole](/de/reference/icons/#alle-symbole) gesetzt. diff --git a/docs/src/content/docs/de/components/using-components.mdx b/docs/src/content/docs/de/components/using-components.mdx index 35368679c32..f99efee87fc 100644 --- a/docs/src/content/docs/de/components/using-components.mdx +++ b/docs/src/content/docs/de/components/using-components.mdx @@ -83,14 +83,14 @@ Wenn diese Stile mit dem Erscheinungsbild deiner Komponente in Konflikt stehen, Verwende den Typ [`ComponentProps`](https://docs.astro.build/de/guides/typescript/#componentprops-type) aus `astro/types`, um auf die von einer Komponente akzeptierten `Props` zu verweisen, auch wenn sie nicht von der Komponente selbst exportiert werden. Dies kann hilfreich sein, wenn man eine existierende Komponente verpackt oder erweitert. -Das folgende Beispiel benutzt `ComponentProps`, um den Typ der Eigenschaften zu ermitteln, die von Starlights eingebauter Komponente `Icon` akzeptiert werden: +Das folgende Beispiel benutzt `ComponentProps`, um den Typ der Eigenschaften zu ermitteln, die von Starlights eingebauter Komponente `Badge` akzeptiert werden: ```astro --- // src/components/Example.astro import type { ComponentProps } from 'astro/types'; -import { Icon } from '@astrojs/starlight/components'; +import { Badge } from '@astrojs/starlight/components'; -type IconProps = ComponentProps; +type BadgeProps = ComponentProps; --- ``` diff --git a/docs/src/content/docs/de/reference/icons.mdx b/docs/src/content/docs/de/reference/icons.mdx index 4f529ab5107..0b6ca4ffb5d 100644 --- a/docs/src/content/docs/de/reference/icons.mdx +++ b/docs/src/content/docs/de/reference/icons.mdx @@ -12,6 +12,19 @@ Starlight bietet eine Reihe von eingebauten Icons, die du mit Hilfe der Komponen Symbole können mit der Komponente [``](/de/components/icons/) angezeigt werden. Sie werden auch häufig in anderen Komponenten verwendet, wie [Karten](/de/components/cards/) oder Umgebungen wie [Hero-Komponenten](/de/reference/frontmatter/#hero). +## `StarlightIcon`-Typ + +Verwende den TypeScript-Typ `StarlightIcon`, um die Namen von [Starlights eingebauten Icons](#alle-symbole) zu referenzieren. + +```ts {2} /icon: (StarlightIcon)/ +// src/icon.ts +import type { StarlightIcon } from '@astrojs/starlight/types'; + +function getIconLabel(icon: StarlightIcon) { + // … +} +``` + ## Alle Symbole Nachstehend findest du eine Liste aller verfügbaren Symbole mit den zugehörigen Namen. Klicke auf ein Symbol, um den Namen in deine Zwischenablage zu kopieren.