Pautan

Komponen ini digunakan untuk memaparkan pautan URL dan dibina berdasarkan elemen HTML <a>.

import { Link } from "@govtechmy/myds-react/link";

Anatomi

export default () => (
  <Link href="/" primary>
    {/* Destinasi pautan harus dinyatakan di sini. */}
    Sistem Reka Bentuk Rasmi Malaysia
  </Link>
);

Contoh

Prop asChild

Sekiranya anda perlu menggunakan komponen Link daripada pakej yang lain, anda boleh menggunakan prop asChild seperti berikut (Next.js sebagai contoh):

Custom Link

Anda juga boleh membina komponen sendiri dan import mengikut keperluan:

import { Link as LinkPrimitive } from "@govtechmy/myds-react/link";
import NextLink from "next/link";
 
export const Link = (props) => (
  <LinkPrimitive asChild>
    <NextLink {...props} />
  </LinkPrimitive>
);