Link

A textual interactive element that can be used as an anchor (<a>) or as a button.

Usage

import { Link } from '@aragon/ui'

function App() {
  return <Link href="https://example.com/">Example</Link>
}

Demonstration

Props

onClick

TYPE	DEFAULT VALUE
Function	None

Gets called when the user activates the link. Like for Button, it gets called when the enter key is pressed on the keyboard.

href

TYPE	DEFAULT VALUE
String	None

When set, the component will act like a normal HTML anchor.

external

TYPE	DEFAULT VALUE
Boolean	false

Set to true to make the link external, which will add an underline. If a href is present, it will also add a target="_blank" attribute and make it safe by default.

Other props

Any other prop will be passed to the ButtonBase component.