Link Provider@astryxdesign/core v0.5.2 · LinkProvider

Usage

Wraps your app to replace the default <a> tag with a framework-specific link component (e.g. Next.js Link) for client-side routing across all Astryx components.

ts
import {LinkProvider} from '@astryxdesign/core/Link'

Props

PropTypeDescription
componentrequired
LinkComponentType

Link component to use for all link elements in the subtree (e.g. Next.js Link).

childrenrequired
ReactNode

Content to render with the link provider.

Examples

Common configurations, variations, and states.
Link Provider — Custom Link Component
Open in Playground

Routes every Astryx link through a custom component that intercepts the click, the hook frameworks like Next.js use for client-side navigation. Click the link to see the custom handler fire instead of a full-page load.