Search…
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 modified 2mo ago
Copy link
On this page
Usage
Demonstration
Props