Skip to content

Commit

Permalink
update German documentaion with withastro#2805
Browse files Browse the repository at this point in the history
  • Loading branch information
trueberryless committed Jan 17, 2025
1 parent ca50247 commit de0547a
Show file tree
Hide file tree
Showing 3 changed files with 17 additions and 4 deletions.
2 changes: 1 addition & 1 deletion docs/src/content/docs/de/components/icons.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -95,7 +95,7 @@ Die Komponente `<Icon>` 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.

Expand Down
6 changes: 3 additions & 3 deletions docs/src/content/docs/de/components/using-components.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -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<typeof Icon>;
type BadgeProps = ComponentProps<typeof Badge>;
---
```
13 changes: 13 additions & 0 deletions docs/src/content/docs/de/reference/icons.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,19 @@ Starlight bietet eine Reihe von eingebauten Icons, die du mit Hilfe der Komponen
Symbole können mit der Komponente [`<Icon>`](/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.
Expand Down

0 comments on commit de0547a

Please sign in to comment.