Skip to navigation

Tile

View as Markdown

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.

Usage

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
stringRequired

The URL the tile links to.

title
string

The title shown below the preview.

description
string

Supporting text shown below the title.