You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/src/content/docs/fr/guides/components.mdx
+34-2Lines changed: 34 additions & 2 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -91,7 +91,7 @@ Le code ci-dessus génère les onglets suivants sur la page :
91
91
92
92
Conservez plusieurs groupes d'onglets synchronisés en ajoutant l'attribut `syncKey`.
93
93
94
-
Tous les composants `<Tabs>`sur une page avec la même valeur `syncKey` afficheront le même label actif. Cela permet à votre lecteur de choisir une fois (par exemple, leur système d'exploitation ou leur gestionnaire de paquets) et de voir leur choix reflété sur l'ensemble de la page.
94
+
Tous les composants `<Tabs>` avec la même valeur `syncKey` afficheront le même label actif. Cela permet à votre lecteur de choisir une fois (par exemple, leur système d'exploitation ou leur gestionnaire de paquets) et de voir leur choix persisté au travers de navigations entre différentes pages.
95
95
96
96
Pour synchroniser des onglets liés, ajoutez une propriété `syncKey` identique à chaque composant `<Tabs>` et assurez-vous qu'ils utilisent tous les mêmes libellés de `<TabItem>` :
97
97
@@ -186,7 +186,7 @@ Ajoutez l'attribut `stagger` pour décaler verticalement la deuxième colonne de
186
186
187
187
:::
188
188
189
-
### Cartes de Liaison
189
+
### Cartes de liaison
190
190
191
191
Utilisez le composant `<LinkCard>` pour créer un lien bien visible vers différentes pages.
192
192
@@ -232,6 +232,38 @@ import { LinkCard } from '@astrojs/starlight/components';
Utilisez le composant `<LinkButton>` pour créer des liens visuellement distincts qui appellent à l'action (également connus sous le nom de « call-to-action » ou « CTA » en anglais).
238
+
Un bouton de liaison est utile pour diriger les utilisateurs vers le contenu le plus pertinent ou actionnable et est souvent utilisé sur les pages d'accueil.
239
+
240
+
Un `<LinkButton>` nécessite un attribut [`href`](https://developer.mozilla.org/fr/docs/Web/HTML/Element/a#href) et accepte en option d'autres attributs de lien tels que `target`.
241
+
242
+
L'attribut `icon` peut être défini avec le nom de [l'une des icônes intégrées à Starlight](#toutes-les-icônes) pour inclure une icône à côté du texte.
243
+
L'attribut `iconPlacement` peut être utilisé pour placer l'icône avant le texte en le définissant à `start` (par défaut à `end`).
244
+
245
+
Personnalisez l'apparence du bouton de liaison en utilisant l'attribut `variant`, qui peut être défini à `primary` (par défaut), `secondary` ou `minimal`.
Les encarts (également connus sous le nom de « admonitions » ou « asides » en anglais) sont utiles pour afficher des informations secondaires à côté du contenu principal d'une page.
**Par défaut :** la barre latérale générée en fonction de la [configuration globale `sidebar`](/fr/reference/configuration/#sidebar)
114
114
115
115
Fournit une barre latérale de navigation personnalisée pour cette page.
116
116
Si elle n'est pas définie, la page utilisera la barre latérale globale par défaut.
117
117
118
-
Par exemple, la page suivante remplace la barre latérale par défaut par un lien vers la page d'accueil et un groupe de liens vers différentes constellations.
119
-
La page courante dans la barre latérale est définie à l'aide de la propriété `isCurrent` et un `badge` optionnel a été ajouté à un élément de lien.
118
+
Par exemple, la page suivante remplace la barre latérale par défaut par un lien vers la page d'accueil et un groupe de liens vers diverses autres pages personnalisées.
@@ -141,6 +140,8 @@ La page courante dans la barre latérale est définie à l'aide de la propriét
141
140
</StarlightPage>
142
141
```
143
142
143
+
Consultez le guide [« Barre latérale de navigation »](/fr/guides/sidebar/) pour en savoir plus sur les options disponibles pour personnaliser la barre latérale.
0 commit comments