Typography

Link

Renders a native inline anchor with the system link treatment.

idle

Usage

import { Link } from "@mizen-labs/ui";

Next.js Link owns the destination and client navigation.

This isolated preview uses MemoryRouter. In your app, use your existing router.

Native anchor attributes control external navigation.

Inline links wrap within narrow text blocks.

Guidance	Practice
Do	Name the destination in the link text. Keep the real URL available for native browser navigation.
Do	Use render for framework links. Put Next.js href or React Router to and routing options on that target. Do not nest anchors.

Guidance	Boundary
Scope	Use Button for commands that do not navigate. Avoid vague labels such as Click here.

Public props from @mizen-labs/ui. Use exported prop types for the complete TypeScript contract.

Prop	Type	Default	Description
`href`	`string`	`Required without render`	Native anchor destination. Omit when the framework render target owns its href or to.
`render`	`ReactElement \| render function`	`undefined`	Composes a framework link, merging styling, refs, and event handlers into one anchor.
`children`	`ReactNode`	`Required`	Inline link content. Inherits surrounding typography.
`target / rel / download`	`Native anchor attributes`	`—`	Preserves ordinary anchor behavior. Routing options belong on the render target.
`ref`	`Ref<HTMLAnchorElement>`	`—`	Receives the anchor rendered by the framework link.