diff options
author | Thomas Bonnet | 2024-09-19 14:29:04 +0200 |
---|---|---|
committer | GitHub | 2024-09-19 14:29:04 +0200 |
commit | 2b3d3799d01937314bae0b72f675dc3a8b6afa54 (patch) | |
tree | 7d125fcab155c8269881d950b558b19612cea1d5 | |
parent | 2874487259ad859ab2bf757aa320bebc3760d643 (diff) | |
download | IT.starlight-2b3d3799d01937314bae0b72f675dc3a8b6afa54.tar.gz IT.starlight-2b3d3799d01937314bae0b72f675dc3a8b6afa54.tar.bz2 IT.starlight-2b3d3799d01937314bae0b72f675dc3a8b6afa54.zip |
i18n(fr): Add `components/file-tree.mdx` in French language (#2369)
Co-authored-by: HiDeoo <494699+HiDeoo@users.noreply.github.com>
-rw-r--r-- | docs/src/content/docs/fr/components/file-tree.mdx | 225 |
1 files changed, 225 insertions, 0 deletions
diff --git a/docs/src/content/docs/fr/components/file-tree.mdx b/docs/src/content/docs/fr/components/file-tree.mdx new file mode 100644 index 00000000..bf4a62d4 --- /dev/null +++ b/docs/src/content/docs/fr/components/file-tree.mdx @@ -0,0 +1,225 @@ +--- +title: Arborescence de fichiers +description: Apprenez à afficher la structure d'un répertoire avec des icônes de fichiers et des sous-répertoires repliables dans Starlight. +--- + +import { FileTree } from '@astrojs/starlight/components'; + +Pour afficher la structure d'un répertoire avec des icônes de fichiers et des sous-répertoires repliables, utilisez le composant `<FileTree>`. + +import Preview from '~/components/component-preview.astro'; + +<Preview> + +<FileTree slot="preview"> + +- astro.config.mjs un fichier **important** +- package.json +- README.md +- src + - components + - **Header.astro** + - … +- pages/ + +</FileTree> + +</Preview> + +## Import + +```tsx +import { FileTree } from '@astrojs/starlight/components'; +``` + +## Utilisation + +Affichez une arborescence de fichiers avec des icônes de fichiers et des sous-répertoires repliables en utilisant le composant `<FileTree>`. + +Spécifiez la structure de vos fichiers et répertoires avec une [liste Markdown non ordonnée](https://www.markdownguide.org/basic-syntax/#unordered-lists) à l'intérieur de `<FileTree>`. +Créez un sous-répertoire à l'aide d'une liste imbriquée ou ajoutez un `/` à la fin d'un élément de liste pour l'afficher comme un répertoire sans contenu spécifique. + +<Preview> + +```mdx +import { FileTree } from '@astrojs/starlight/components'; + +<FileTree> + +- astro.config.mjs +- package.json +- src + - components + - Header.astro + - Title.astro + - pages/ + +</FileTree> +``` + +<Fragment slot="markdoc"> + +```markdoc +{% filetree %} +- astro.config.mjs +- package.json +- src + - components + - Header.astro + - Title.astro + - pages/ +{% /filetree %} +``` + +</Fragment> + +<FileTree slot="preview"> + +- astro.config.mjs +- package.json +- src + - components + - Header.astro + - Title.astro + - pages/ + +</FileTree> + +</Preview> + +### Mettre en évidence les entrées + +Faites ressortir un fichier ou un répertoire en mettant son nom en gras, par exemple `**README.md**`. + +<Preview> + +```mdx {7} +import { FileTree } from '@astrojs/starlight/components'; + +<FileTree> + +- src + - components + - **Header.astro** + - Title.astro + +</FileTree> +``` + +<Fragment slot="markdoc"> + +```markdoc {4} +{% filetree %} +- src + - components + - **Header.astro** + - Title.astro +{% /filetree %} +``` + +</Fragment> + +<FileTree slot="preview"> + +- src + - components + - **Header.astro** + - Title.astro + +</FileTree> + +</Preview> + +### Ajouter des commentaires + +Ajoutez un commentaire à un fichier ou à un répertoire en ajoutant du texte après le nom. +Le formatage Markdown en ligne, tel que le gras et l'italique, est pris en charge dans les commentaires. + +<Preview> + +```mdx {7} +import { FileTree } from '@astrojs/starlight/components'; + +<FileTree> + +- src + - components + - Header.astro un fichier **important** + - Title.astro + +</FileTree> +``` + +<Fragment slot="markdoc"> + +```markdoc {4} +{% filetree %} +- src + - components + - Header.astro un fichier **important** + - Title.astro +{% /filetree %} +``` + +</Fragment> + +<FileTree slot="preview"> + +- src + - components + - Header.astro un fichier **important** + - Title.astro + +</FileTree> + +</Preview> + +### Ajouter des entrées fictives + +Ajoutez des fichiers et des répertoires fictifs en utilisant soit `...` soit `…` comme nom. +Cela peut être utile pour indiquer à un lecteur qu'un dossier est censé contenir plus d'éléments sans les spécifier tous explicitement. + +<Preview> + +```mdx {8} +import { FileTree } from '@astrojs/starlight/components'; + +<FileTree> + +- src + - components + - Header.astro + - … + +</FileTree> +``` + +<Fragment slot="markdoc"> + +```markdoc {5} +{% filetree %} +- src + - components + - Header.astro + - … +{% /filetree %} +``` + +</Fragment> + +<FileTree slot="preview"> + +- src + - components + - Header.astro + - … + +</FileTree> + +</Preview> + +## Props de `<FileTree>` + +**Implémentation :** [`FileTree.astro`](https://github.com/withastro/starlight/blob/main/packages/starlight/user-components/FileTree.astro) + +Le composant `<FileTree>` n'accepte aucune props.
\ No newline at end of file |