Butang

Elemen UI asas yang digunakan untuk mencetuskan tindakan atau acara. Ia memastikan konsistensi, kebolehcapaian, dan panggilan tindakan yang jelas.

Penggunaan

Import

import {
  Button,
  ButtonIcon,
  ButtonCounter,
} from "@govtechmy/myds-react/button";

Anatomi

export default () => (
  <Button>
    <ButtonIcon />
    <ButtonCounter />
  </Button>
);

Gunakan prop variant untuk menukar gaya butang!

Gunakan prop size untuk menukar saiz butang!

Gunakan <ButtonIcon> untuk menambah ikon tindakan pada butang.

Untuk Butang dengan ikon sahaja - gunakan hanya <ButtonIcon> sebagai anak.

Gunakan <ButtonCounter> untuk menambah maklumat berangka pada butang.

Prop	Type	Default
`variant`	`enum`	`default-outline`
`size`	`enum`	`small`

Prop	Type	Default
`children`	`ReactNode`	-

Prop	Type	Default
`children`	`ReactNode`	-