Skip to content
React components for SGDS
JavaScript HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.storybook
src/components
stories
.babelrc
.gitignore
.travis.yml
README.md
package-lock.json
package.json

README.md

sgds-govtech-react

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!

Installation

npm install sgds-govtech-react

Usage

You will need to first import the sgds css styles, either in your website's <head> element or through your frontend build.

HTML

<head>
    <link
        rel="stylesheet"
        href="https://unpkg.com/sgds-govtech/css/sgds.css"
    />
</head>

Webpack

// In your entry point

import 'sgds-govtech/sass/sgds.css'

Getting started

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')
);

Patch Notes

V0.1.7: Added Sidenav, Tab and their storybook documentation to the library V0.1.2: Added footer and masthead to component library

You can’t perform that action at this time.