Komponen ini membolehkan pengguna melangkau pautan navigasi dan terus ke kandungan utama. Ia meningkatkan kebolehcapaian untuk pengguna papan kekunci dan pembaca skrin.

Main Content

Untuk menggunakan skiplink component: Tekan kekunci Tab selepas mengklik dalam kawasan tab 'Pratonton'. Komponen skiplink akan muncul dan membolehkan anda melangkau menu navigasi dan terus ke kandungan utama.

Source Storybook

Penggunaan

Import

import { Skiplink } from "@govtechmy/myds-react/skiplink";

Anatomi

export default () => (
  <Skiplink href="#main-content">
    <span>Skip to main content</span>
  </Skiplink>
  <main id="main-content">
    <span className="text-slate-600">
      Main content here
    </span>
  </main>
);

Props

Skiplink

Prop	Type	Default
`href`	`string`	`-`

MYDS

Skiplink

Main Content

Penggunaan

Props

Skiplink

Di halaman ini