Nsw-ds-react NPM

NSW Design System React Library

alt text

Install

npm install nsw-ds-react nsw-design-system

Add the styles separately in your main App.js file

import 'nsw-design-system/dist/css/main.css'

In your index.html document add this line of code inside the <head> tag. Or install icon and font from npm

<link href="https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

Usage

Refer to individual components' usage in Storybook

Here's how you import the component:

import React, { Component } from 'react'

import { Callout } from 'nsw-ds-react'

class Example extends Component {
  render() {
    return (
     <Callout title="Title of callout">
       <p>Description of callout</p>
     </Callout>
    )
  }
}