API Reference

Tiles

A preview tile with a hatched media area, an optional title and description, and an optional link.

A Tile frames a preview on a hatched, aspect-video backdrop, with an optional title and description below. Add an href and the whole tile becomes a link.

When to use it

Reach for a tile when you want a gallery-style preview — a thumbnail or a placeholder that links to a fuller view. For a bordered figure with a caption (and no hatched backdrop), use a Frame; for a navigation grid of pages, use Cards.

Props

PropTypeDescription
hrefstringMakes the whole tile a link
titleReactNodeHeading shown under the preview
descriptionReactNodeA one-line gloss under the title
childrenReactNodeThe preview content, on the hatched backdrop

Live example

Preview content
A preview tile
The media area uses a hatched backdrop.

On this page

Built withsuperlore