Uiplex

Link

A link component with multiple variants and color schemes. Supports external links with proper security attributes.

Basic Usage

import { Link } from 'uiplex';

<Link href="#basic">Basic Link</Link>
<Link href="https://example.com" isExternal>
  External Link
</Link>

Variants

<Link href="#" variant="link">Link variant</Link>
<Link href="#" variant="underline">Underline variant</Link>
<Link href="#" variant="none">None variant</Link>

Colors

<Link href="#" color="primary">Primary</Link>
<Link href="#" color="secondary">Secondary</Link>
<Link href="#" color="accent">Accent</Link>

API Reference

PropTypeDefaultDescription
hrefstring-Link URL (required)
isExternalbooleanfalseWhether link opens in new tab
variant"link" | "underline" | "none""link"Visual style variant
color"primary" | "secondary" | "accent""primary"Link color scheme
classNamestring""Additional CSS classes
styleReact.CSSProperties-Inline styles
...propsReact.AnchorHTMLAttributes-All standard HTML anchor attributes