Link

A styled a tag that can be used to send users to a URL.

nulogy.design
import { Link } from "@nulogy/components";

<Link href="http://nulogy.design">nulogy.design</Link>

Variations

Without an underline

nulogy.design
<Link href="http://nulogy.design" underline="false">nulogy.design</Link>

With a custom colour

nulogy.design
<Link color="black" hover="red" href="http://nulogy.design">nulogy.design</Link>

Props

NameTypeDefaultDescription

href

String

Required

The destination.

color

String

blue

A custom colour to display the link in.

hover

String

Color darkened by 10%

A custom hover colour

underline

String

true

Whether to show an underline or not.

className

String

undefined

className passed to the link component.

Related components

  • Buttons