npm install nsw-ds-react nsw-design-systemAdd 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/css?family=Montserrat:400,600&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
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>
)
}
}The components library is adapted from:
https://github.com/govau/design-system-components/
MIT © digitalnsw