MYDS Logo

    MYDS

    Beta

    Toggle

    Komponen Toggle adalah suis serba guna yang membolehkan pengguna beralih antara dua keadaan.

    Penggunaan

    Import
    import { Toggle, ToggleThumb } from "@govtechmy/myds-react/toggle";
    Anatomi
    export default () => (
      <Toggle>
        <ToggleThumb />
      </Toggle>
    );

    Contoh

    Saiz

    Gunakan prop size untuk menukar saiz toggle!

    Dinyahaktifkan

    Gunakan prop disabled untuk menukar kepada gaya dinyahaktifkan!

    Toggle Terkawal

    Toggle boleh dikendalikan menggunakan Kaedah Terkawal

    State: Off

    Toggle Tak Terkawal

    Toggle boleh dikendalikan secara dalaman

    Toggle ini menguruskan statusnya sendiri secara dalaman.

    Props

    Toggle

    PropTypeDefault
    size
    enum
    medium
    disabled
    boolean
    false

    Di halaman ini