Display links with theme styles


Anchor is a wrapper around Text component with component prop set to a by default. It supports the same props as Text component.

<Anchor href="" target="_blank">Mantine docs</Anchor>

Usage with react-router and other libraries

To use Anchor with react-router Link component and other similar components set component prop:

import { Link } from 'react-router-dom';
import { Anchor } from '@mantine/core';
function Demo() {
return (
<Anchor component={Link} to="/react-router">
React router link
Build fully functional accessible web applications faster than ever
Your feedback is most valuable contribution to the project, please share how you use Mantine, what features are missing and what is done good
Leave feedback