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.

Last updated

Was this helpful?