Components / UI components / Navigation
NavigationExperimental alpha

LinkCard

A plain link presented as a card or row, with icon, title, description and meta.

Interactions use local sample data.

Usage and props

The whole card is one anchor, so keep interactive content out of it. Use SourceCard for cited material with a locator, version and access state.

Supported inputs

This is the public signature used by this example. Open Code to see how the values and callbacks fit together.

href · title · description? · meta? · icon? · external? · variant?: card | row · native anchor props
How state and callbacks work

These are the main props for the example. The package's TypeScript declarations include the full API.

Customize and use with a keyboard