Anchorpolymorphic

Usage

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

import { Anchor } from '@mantine/core';

function Demo() {
  return (
    <Anchor href="https://mantine.dev/" target="_blank">
      Mantine docs
    </Anchor>
  );
}

Polymorphic component

Anchor is a polymorphic component, you can change root element:

import { Anchor } from '@mantine/core';

function Demo() {
  return (
    <Anchor component="button" type="button">
      Anchor as button
    </Anchor>
  );
}