Pemasangan

MYDS boleh ditetapkan dengan pelbagai cara, bergantung kepada keperluan projek anda. Namun, cara yang paling mudah mengambil hanya 3-langkah!

npm i @govtechmy/myds-react @govtechmy/myds-style

Anda boleh 'import' stylesheet MYDS secara keseluruhan mengikut salah satu cara di bawah.

1. Import melalui JS (Bundler)

// Letakkan dalam fail permulaan JS/TS (eg. index.{ts,js})
import "@govtechmy/myds-style/full.css";

2. Import melalui CSS

/* Letakkan dalam fail permulaan CSS  */
@import "@govtechmy/myds-style/full.css";

Untuk tetapan yang lebih lanjut, sila baca Konfigurasi Style

Cubalah <Button /> untuk memulakan membina dengan MYDS!

import { Button } from "@govtechmy/myds-react/button";
 
export default () => {
  return <Button variant="primary-fill">Hello MYDS</Button>;
};