Installation

MYDS can be configured in various ways, depending on the requirement of your project. But the simplest way can be done in 3-steps!

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

You may import the full MYDS stylesheet in one of (2) ways below.

1. Import via JS (Bundler)

src/index.js

// Place in the bundle entry point (eg. index.{ts,js})
import "@govtechmy/myds-style/full.css";

2. Import via CSS

src/index.css

/* Place in the CSS entry point */
@import "@govtechmy/myds-style/full.css";

For more advanced configuration, please read the Style Configuration

Here is a <Button /> for you to get started!

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