# Link — Lumeo

Source: https://lumeo.nativ.sh/components/link

# Link

A styled anchor component with variant support and external link handling.

## Installation

.NET CLI PackageReference Lumeo CLI

dotnet add package Lumeo

One-time app setup (`AddLumeo()`, CSS & JS) is covered in the [installation guide](docs/introduction).

## Usage

@using Lumeo

<Link />

Preview Code

Default

[Default link style](#)

Preview Code

Variants

[Default](#) [Muted](#) [Underline](#)

Preview Code

External Link

[Visit GitHub](https://github.com)

Preview Code

With Size

[Extra small link](#) [Small link](#) [Default size link](#) [Large link](#)

Preview Code

Variant — interactive

Pick a variant to see it applied live.

defaultmutedunderline

[This is a "default" link — hover me](#)

## API Reference

### Link

Property

Type

Default

Description

Href

string?

—

The URL the anchor links to.

Variant

string

"default"

Visual style. Values: "default" (primary color, hover underline), "muted" (muted color), "underline" (always underlined).

External

bool

false

Opens the link in a new tab with target="\_blank" and rel="noopener noreferrer".

Size

string?

—

Text size. Maps to text-{value} (e.g. "xs", "sm", "lg").