Label

Komponen Label adalah elemen borang standard yang digunakan untuk mengaitkan teks deskriptif dengan kawalan seperti kotak semak dan togol. Komponen ini memastikan kebolehcapaian dan gaya yang konsisten untuk laman web kerajaan Malaysia.

Padamkan notifikasi secara automatik

Dayakan keselamatan 2FA (Pengesahan Dua Faktor)?

Source Storybook

Penggunaan

Import

import { Label } from "@govtechmy/myds-react/label";
import { Checkbox } from "@govtechmy/myds-react/checkbox";
import { Toggle, ToggleThumb } from "@govtechmy/myds-react/toggle";

Anatomi

export default () => (
  <>
    <div className="flex items-center justify-between">
      <Label htmlFor="checkbox">Padamkan notifikasi secara automatik</Label>
      <Checkbox id="checkbox"></Checkbox>
    </div>
    <div className="flex items-center justify-between">
      <Label htmlFor="toggle">
        Dayakan keselamatan 2FA (Pengesahan Dua Faktor)?
      </Label>
      <Toggle id="toggle">
        <ToggleThumb />
      </Toggle>
    </div>
  </>
);