React components powered by Singapore Government Design System.
React Documentation can be found here - https://govtechsg.github.io/sgds-govtech-react
We are in early development! If you are trying out sgds-govtech-react, feel free to leave us feedback in the issues page, or even submit a PR!
npm install sgds-govtech-react
You will need to first import the sgds css styles, either in your website's <head> element or through your frontend build.
<head>
<link
rel="stylesheet"
href="https://unpkg.com/sgds-govtech/css/sgds.css"
/>
</head>// In your entry point
import 'sgds-govtech/sass/sgds.css'import React from 'react';
import ReactDOM from 'react-dom';
import { Button } from "sgds-govtech-react";
const app = () => {
return (
<div className="App">
<Button>Submit</Button>
</div>
)
}
ReactDOM.render(
app,
document.getElementById('root')
);V0.1.7: Added Sidenav, Tab and their storybook documentation to the library V0.1.2: Added footer and masthead to component library