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?