Overview
The Link component provides styled links with hover effects, external link indicators, and disabled states.Basic Usage
- Code
- Preview
External Link
- Code
- Preview
Hide Icon
- Code
- Preview
Disabled
- Code
- Preview
Documentation Index
Fetch the complete documentation index at: /llms.txt
Use this file to discover all available pages before exploring further.
Link component with hover effects and external link indicator
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>
import { Link } from '@peppermint-design/devreadykit-custom';
<Link href="/page" hideIcon>
Internal link without icon
</Link>
import { Link } from '@peppermint-design/devreadykit-custom';
<Link href="/page" disabled>
Disabled link
</Link>