From 8885bf598cd9c2c0646022279c58ec1a7056c1a1 Mon Sep 17 00:00:00 2001 From: HiDeoo <494699+HiDeoo@users.noreply.github.com> Date: Sun, 19 Jan 2025 04:40:34 +0100 Subject: [PATCH] i18n(fr): update `reference/icons`, `components/icons` & `components/using-components` (#2814) Co-authored-by: jsparkdev <39112954+jsparkdev@users.noreply.github.com> --- docs/src/content/docs/fr/components/icons.mdx | 2 +- .../content/docs/fr/components/using-components.mdx | 6 +++--- 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 00721112c8d..251c6d3d140 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 `` 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 cae4a636dcb..8beeae0e1d2 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; +type BadgeProps = ComponentProps; --- ``` diff --git a/docs/src/content/docs/fr/reference/icons.mdx b/docs/src/content/docs/fr/reference/icons.mdx index 2badbe433f1..4619a0a6c72 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 [``](/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.