Link

A styled, accessible anchor with variants.

By creating an account you agree to our Terms of Service and Privacy Policy.

import { BuiLink } from 'ng-blatui';

<a buiLink href="/docs">Documentation</a>
<a buiLink variant="muted" [external]="true" href="https://angular.dev">Angular</a>

Variants

Default: View the agencyMuted: Forgot password?Subtle: Read the changelogExternal: angular.dev

<a buiLink href="#">Default</a>
<a buiLink href="#" variant="muted">Muted</a>
<a buiLink href="#" variant="subtle">Subtle</a>
<a buiLink href="#" [external]="true">External</a>

API reference

Inputs

Prop	Type	Default	Description
`variant`	`"default" \| "muted" \| "subtle"`	`'default'`	Visual style of the link: default, muted, or subtle.
`external`	`boolean`	`false`	Whether the link is external, adding `target=_blank` and safe `rel`.

Every ng-blatui component also accepts a class input to merge extra Tailwind classes onto the host.