> This page is for 文档.

> For clean Markdown content of this page, append .md to this URL. For the complete documentation index, see https://buildwithfern.com/learn/llms.txt.

# Tile

> Link to a page with a visual preview above its title and description.

The `<Tile>` component renders a linked card with a preview area (an image or any other content) above a title and description. Use it for visual galleries of pages, such as templates or integrations. For text-first links, use a [card](/learn/docs/writing-content/components/cards).

## Usage

#### [Components](/learn/docs/writing-content/components/overview)

![Components preview](https://placehold.co/300x120/png)

**`Markdown`**

```jsx Markdown
<Tile href="/learn/docs/writing-content/components/overview" title="Components" description="Browse every built-in component.">
  <img src="/images/components-preview.png" alt="Components preview" />
</Tile>
```

## Properties

**`href`** `string` — required

The URL the tile links to.

---

**`title`** `string`

The title shown below the preview.

---

**`description`** `string`

Supporting text shown below the title.

---