Skip to main content

TileCard

TileCard — Prism component.

Signature
Density
Viewport
Theme follows the navbar ☀/☾ toggle
Live demo
Open ↗

When to use

TileCard — Prism component.

Accessibility

When the whole card is actionable, expose a single accessible name and make it reachable with Tab + Enter. Decorative imagery uses empty alt.

Import

const { TileCard } = window.PrismDesignSystem_39d121;

Props

PropTypeRequiredDescription
iconReact.ReactNodeLarge leading icon node.
titleReact.ReactNode
descriptionReact.ReactNode
onPress(e: React.SyntheticEvent) => void
hrefstring
classNamestring