mirror of
https://github.com/mintlify/docs.git
synced 2026-09-14 13:35:46 +08:00
mintlify[bot]
fbdd913d8e
* Add translation tracker for stale translations audit Generated-By: mintlify-agent * translations: add missing pages and update content for es, fr, zh Phase 1: Add translations for 4 new API analytics pages (feedback-by-page, searches, views, visitors) in es, fr, and zh. Phase 2: Update 3 pages with content changes: - agent/workflows: add "Disable a workflow" subsection - ai/skillmd: add 24-hour generation note - editor/publish: add AI PR title tip, reformat publishing workflows, promote "Publish your changes" heading from h3 to h2 Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com> * update descriptions * translations * translations * translations * Delete TRANSLATION_TRACKER.md * translations * a * a * translations * translations * translations * translations * translations * translations * translations * translations * Update use-cases.mdx * translations * translations * Update ai-native.mdx * Update accordions.mdx * Update accordions.mdx * Update accordions.mdx * translations * translations * Update fonts.mdx * translations * translations: update SEO descriptions for es, fr, zh (150 pages) Update the description: frontmatter field across 150 pages × 3 languages to match the current English descriptions updated on 2026-03-31. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com> --------- Co-authored-by: mintlify[bot] <109931778+mintlify[bot]@users.noreply.github.com> Co-authored-by: Ethan Palm <56270045+ethanpalm@users.noreply.github.com> Co-authored-by: Claude Sonnet 4.6 <noreply@anthropic.com>
84 lines
4.1 KiB
Plaintext
84 lines
4.1 KiB
Plaintext
---
|
||
title: "Tuiles"
|
||
description: "Utilisez le composant tiles pour afficher des aperçus visuels avec miniatures d'images, titres et descriptions dans une mise en page en grille responsive."
|
||
keywords: ["tuiles", "aperçu visuel", "grille", "vitrine"]
|
||
---
|
||
|
||
Utilisez des tuiles pour créer des éléments de présentation visuelle avec un arrière-plan à motifs, un titre et une description. Les tuiles sont idéales pour afficher des aperçus de composants, des mises en avant de fonctionnalités ou des éléments de navigation dans une mise en page en grille.
|
||
|
||
<Tile href="/fr/components/accordions" title="Accordion" description="Deux variantes">
|
||
<img src="/images/tiles/accordion-light.svg" alt="Aperçu du composant Accordion" className="block dark:hidden" />
|
||
|
||
<img src="/images/tiles/accordion-dark.svg" alt="Aperçu du composant Accordion (mode sombre)" className="hidden dark:block" />
|
||
</Tile>
|
||
|
||
```mdx Tile example
|
||
<Tile href="/components/accordions" title="Accordion" description="Deux variantes">
|
||
<img src="/images/tiles/accordion-light.svg" alt="Aperçu du composant Accordion" className="block dark:hidden" />
|
||
<img src="/images/tiles/accordion-dark.svg" alt="Aperçu du composant Accordion (mode sombre)" className="hidden dark:block" />
|
||
</Tile>
|
||
```
|
||
|
||
<div id="grid-layout">
|
||
## Mise en page en grille
|
||
</div>
|
||
|
||
Combinez les tuiles avec le [composant Columns](/fr/components/columns) pour créer une grille responsive d’aperçus visuels.
|
||
|
||
<Columns cols={3}>
|
||
<Tile href="/fr/components/accordions" title="Accordion" description="Deux variantes">
|
||
<img src="/images/tiles/accordion-light.svg" alt="Aperçu du composant Accordion" className="block dark:hidden" />
|
||
|
||
<img src="/images/tiles/accordion-dark.svg" alt="Aperçu du composant Accordion (mode sombre)" className="hidden dark:block" />
|
||
</Tile>
|
||
|
||
<Tile href="/fr/components/accordions" title="Accordion" description="Deux variantes">
|
||
<img src="/images/tiles/accordion-light.svg" alt="Aperçu du composant Accordion" className="block dark:hidden" />
|
||
|
||
<img src="/images/tiles/accordion-dark.svg" alt="Aperçu du composant Accordion (mode sombre)" className="hidden dark:block" />
|
||
</Tile>
|
||
|
||
<Tile href="/fr/components/accordions" title="Accordion" description="Deux variantes">
|
||
<img src="/images/tiles/accordion-light.svg" alt="Aperçu du composant Accordion" className="block dark:hidden" />
|
||
|
||
<img src="/images/tiles/accordion-dark.svg" alt="Aperçu du composant Accordion (mode sombre)" className="hidden dark:block" />
|
||
</Tile>
|
||
</Columns>
|
||
|
||
```mdx Grid layout example
|
||
<Columns cols={3}>
|
||
<Tile href="/components/accordions" title="Accordion" description="Deux variantes">
|
||
<img src="/images/tiles/accordion-light.svg" alt="Aperçu du composant Accordion" className="block dark:hidden" />
|
||
<img src="/images/tiles/accordion-dark.svg" alt="Aperçu du composant Accordion (mode sombre)" className="hidden dark:block" />
|
||
</Tile>
|
||
<Tile href="/components/accordions" title="Accordion" description="Deux variantes">
|
||
<img src="/images/tiles/accordion-light.svg" alt="Aperçu du composant Accordion" className="block dark:hidden" />
|
||
<img src="/images/tiles/accordion-dark.svg" alt="Aperçu du composant Accordion (mode sombre)" className="hidden dark:block" />
|
||
</Tile>
|
||
<Tile href="/components/accordions" title="Accordion" description="Deux variantes">
|
||
<img src="/images/tiles/accordion-light.svg" alt="Aperçu du composant Accordion" className="block dark:hidden" />
|
||
<img src="/images/tiles/accordion-dark.svg" alt="Aperçu du composant Accordion (mode sombre)" className="hidden dark:block" />
|
||
</Tile>
|
||
</Columns>
|
||
```
|
||
|
||
<div id="properties">
|
||
## Propriétés
|
||
</div>
|
||
|
||
<ResponseField name="href" type="string" required>
|
||
URL vers laquelle accéder lorsque la tuile est cliquée.
|
||
</ResponseField>
|
||
|
||
<ResponseField name="title" type="string">
|
||
Le titre affiché sous l’aperçu de la tuile.
|
||
</ResponseField>
|
||
|
||
<ResponseField name="description" type="string">
|
||
Une brève description affichée sous le titre.
|
||
</ResponseField>
|
||
|
||
<ResponseField name="children" type="React.ReactNode" required>
|
||
Contenu affiché dans la zone d'aperçu de la tuile, généralement des images ou des SVG.
|
||
</ResponseField>
|