diff options
author | HiDeoo | 2025-01-19 04:40:34 +0100 |
---|---|---|
committer | GitHub | 2025-01-19 12:40:34 +0900 |
commit | 8885bf598cd9c2c0646022279c58ec1a7056c1a1 (patch) | |
tree | 20992e02a553f69854ea082d8b1111cd41c5dbbf | |
parent | 3196a0abcbb5f940b5b8c3d163949f052b6e1670 (diff) | |
download | IT.starlight-8885bf598cd9c2c0646022279c58ec1a7056c1a1.tar.gz IT.starlight-8885bf598cd9c2c0646022279c58ec1a7056c1a1.tar.bz2 IT.starlight-8885bf598cd9c2c0646022279c58ec1a7056c1a1.zip |
i18n(fr): update `reference/icons`, `components/icons` & `components/using-components` (#2814)
Co-authored-by: jsparkdev <39112954+jsparkdev@users.noreply.github.com>
-rw-r--r-- | docs/src/content/docs/fr/components/icons.mdx | 2 | ||||
-rw-r--r-- | docs/src/content/docs/fr/components/using-components.mdx | 6 | ||||
-rw-r--r-- | docs/src/content/docs/fr/reference/icons.mdx | 13 |
3 files changed, 17 insertions, 4 deletions
diff --git a/docs/src/content/docs/fr/components/icons.mdx b/docs/src/content/docs/fr/components/icons.mdx index 00721112..251c6d3d 100644 --- a/docs/src/content/docs/fr/components/icons.mdx +++ b/docs/src/content/docs/fr/components/icons.mdx @@ -95,7 +95,7 @@ Le composant `<Icon>` accepte les props suivants : ### `name` **Obligatoire** -**Type :** `string` +**Type :** [`StarlightIcon`](/fr/reference/icons/#type-starlighticon) Le nom de l'icône à afficher correspondant à [une des icônes disponibles avec Starlight](/fr/reference/icons/#toutes-les-icônes). diff --git a/docs/src/content/docs/fr/components/using-components.mdx b/docs/src/content/docs/fr/components/using-components.mdx index cae4a636..8beeae0e 100644 --- a/docs/src/content/docs/fr/components/using-components.mdx +++ b/docs/src/content/docs/fr/components/using-components.mdx @@ -83,14 +83,14 @@ Si ces styles entrent en conflit avec l'apparence de votre composant, utilisez l Utilisez le type [`ComponentProps`](https://docs.astro.build/fr/guides/typescript/#type-componentprops) depuis `astro/types` pour référencer les `Props` acceptées par un composant même si elles ne sont pas exportées par le composant lui-même. Cela peut être utile lorsqu'il s'agit d'entourer ou d'étendre un composant existant. -L'exemple suivant utilise `ComponentProps` pour obtenir le type des props acceptées par le composant `Icon` intégré à Starlight : +L'exemple suivant utilise `ComponentProps` pour obtenir le type des props acceptées par le composant `Badge` intégré à Starlight : ```astro --- // src/components/Exemple.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>; --- ``` diff --git a/docs/src/content/docs/fr/reference/icons.mdx b/docs/src/content/docs/fr/reference/icons.mdx index 2badbe43..4619a0a6 100644 --- a/docs/src/content/docs/fr/reference/icons.mdx +++ b/docs/src/content/docs/fr/reference/icons.mdx @@ -10,6 +10,19 @@ Starlight fournit un ensemble d'icônes intégrées que vous pouvez afficher dan Les icônes peuvent être affichées en utilisant le composant [`<Icon>`](/fr/components/icons/). Elles sont également souvent utilisées dans d'autres composants, comme les [cartes](/fr/components/cards/) ou des paramètres comme les [actions de la section d'en-tête](/fr/reference/frontmatter/#hero). +## Type `StarlightIcon` + +Utilisez le type TypeScript `StarlightIcon` pour référencer les noms des [icônes disponibles avec Starlight](#toutes-les-icônes). + +```ts {2} /icon: (StarlightIcon)/ +// src/icon.ts +import type { StarlightIcon } from '@astrojs/starlight/types'; + +function getIconLabel(icon: StarlightIcon) { + // … +} +``` + ## Toutes les icônes Une liste de toutes les icônes disponibles est affichée ci-dessous avec leurs noms associés. Cliquez sur une icône pour copier son nom dans votre presse-papiers. |