Skip to main content

​
Overview

The Link component provides styled links with hover effects, external link indicators, and disabled states.

​
Basic Usage

import { Link } from '@peppermint-design/devreadykit-custom';

export default function LinkBasic() {
  return (
    <Link href="/about">
      Learn more
    </Link>
  );
}

import { Link } from '@peppermint-design/devreadykit-custom';

<Link href="https://example.com">
  Visit external site
</Link>

​
Hide Icon

import { Link } from '@peppermint-design/devreadykit-custom';

<Link href="/page" hideIcon>
  Internal link without icon
</Link>

​
Disabled

import { Link } from '@peppermint-design/devreadykit-custom';

<Link href="/page" disabled>
  Disabled link
</Link>

​
Props