Link

Usage

import { Link } from '@acronis-platform/ui-react';

Link is an inline, semibold text link themed by the --ui-link-* tokens (underline appears on hover). It is polymorphic via Base UI's useRender — pass the render prop to render a router Link instead of the default <a>.

Examples

A basic link:

<Link href="/">Documentation</Link>

Append a trailing external-link icon for links that leave the app:

<Link href="https://acronis.com" external>
  Acronis website
</Link>

disabled makes the link inert — disabled color, removed from the tab order, no navigation:

<Link href="/" disabled>
  Documentation
</Link>

Render as a router link with render (Base UI composition):

import { Link as RouterLink } from 'react-router';

<Link render={<RouterLink to="/dashboard" />}>Dashboard</Link>

API Reference