NSW Design System React Library
Install
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/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>
)
}
}Attribution
The components library is adapted from:
https://github.com/govau/design-system-components/
License
MIT © digitalnsw