# @servicensw/notice

![notice component](https://previousnext.github.io/snsw-styleguide/screenshots/notice.png)

[Service NSW package documentation and examples](https://snsw-styleguide-preprod.cd.pnx.com.au/latest/section-notice.html)<br>
(Login credentials required)

### Installation

```
npm install @servicensw/notice --save-dev
```

### How to use

**CSS**

- PostCSS workflow: `@import '@servicensw/notice';`
- Sass/Eyeglass: `@import 'servicensw-notice';`
- Native CSS: `@import url('dist/notice.css');`
- Link tag: `<link href="dist/notice.css" rel="stylesheet" type="text/css">`

**HTML**

```html
<div class="notice" role="status">
  <h2>Rockdale Service Centre is coming soon</h2>
  <p>
    Rockdale Agency will close on 9 March 2018 and re-open in April. Please
    visit Kogarah Service Centre during this closure.
  </p>
</div>
```

[Change log](./CHANGELOG.md)