# @zanichelli/zanichelli-notifiche

> Zanichelli's user notifications component

Latest version **1.0.5** (published 2024-11-14) · MIT license · 0 weekly downloads

## Install

```sh
npm install @zanichelli/zanichelli-notifiche
pnpm add @zanichelli/zanichelli-notifiche
yarn add @zanichelli/zanichelli-notifiche
bun add @zanichelli/zanichelli-notifiche
```

## Health

**Score 50/100 (C)** — status: stable.

Positive: has types; esm support; no vulnerabilities; high quality score.

Warnings: low downloads.

Negative: stale.

## Facts

| | |
|---|---|
| Version | 1.0.5 |
| Published | 2024-11-14 |
| First published | 2024-04-11 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 1.5 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 289 |
| Maintainers | cmalvispx, veronica.van, developers_zanichelli, oleksandroleksyuk, alessandramartera, alessandro_zuddas, veronicavannini, francescochiapella, alegiua, f.santi, ooga9k, davideda, leonardogiaconemondora, nicolo.carpignoli, alessandrodolci, amalferpoma, edocava, a-sartori-wt, mikelina, nitroin, saldomik, alicegambella, vpasquino, dariosacco, paolofrancesco-marino, gretalucchina |

## Links

- npm: https://www.npmjs.com/package/@zanichelli/zanichelli-notifiche
- Repository: https://github.com/ionic-team/stencil-component-starter
- npm.io page: https://npm.io/package/@zanichelli/zanichelli-notifiche

## Dependencies (1)

- [@zanichelli/zanichelli-lrs-client](https://npm.io/package/@zanichelli/zanichelli-lrs-client.md) ^1.0.0

## Recent versions

- 1.0.5 (latest) — 2024-11-14
- 1.0.6-RC7 (1.0.5-RC7) — 2024-11-14
- 1.0.5-RC6 (1.0.5-RC6) — 2024-11-13
- 1.0.5-RC5 (1.0.5-RC5) — 2024-11-13
- 1.0.5-RC4 (1.0.5-RC4) — 2024-11-13
- 1.0.4-RC3 (1.0.5-RC3) — 2024-11-13
- 1.0.4-RC2 (1.0.5-RC2) — 2024-11-13
- 1.0.4-RC1 (1.0.5-RC1) — 2024-11-13
- 1.0.2 (1.0.2) — 2024-08-28
- 1.0.0 (1.0.0) — 2024-08-01
- 0.0.8-RC (0.0.8-RC) — 2024-07-04
- 0.0.7-RC (0.0.7-RC) — 2024-06-24
- 0.0.6-RC (0.0.6-RC) — 2024-06-24
- 0.0.5-RC (0.0.5-RC) — 2024-06-24
- 0.0.4-RC (0.0.4-RC) — 2024-06-24
- … 6 more at https://npm.io/package/@zanichelli/zanichelli-notifiche/versions

## README

# _Zanichelli LaZ-Notifiche Component_

Use this component to show notifications to users.

### **Installation**

Download the package by running `yarn add @zanichelli/zanichelli-notifiche`

or import it in your html using Unpkg:

```html
<script type="module" src="https://unpkg.com/@zanichelli/zanichelli-notifiche"></script>
```

---

### **Albe Web Components dependency**

This component requires the Albe Web Components Library. To get Albe you can:

- install it via [NPM](https://github.com/ZanichelliEditore/design-system) by running `yarn add @zanichelli/albe-web-components`
- include it in your app inside a `script` tag:

```html
<script
  type="module"
  src="https://cdn.jsdelivr.net/npm/@zanichelli/albe-web-components/dist/web-components-library/web-components-library.esm.js"
></script>
```

Remember to also include the stylesheet:

```html
<link
  type="text/css"
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/@zanichelli/albe-web-components/www/build/web-components-library.css"
/>
```

---

### **Using custom elements**

```jsx
import { defineCustomElements as defineAlbeComponents, applyPolyfills } from "@zanichelli/albe-web-components/loader";
import { defineCustomElements as defineZanichelliNotifiche } from "@zanichelli/zanichelli-notifiche/dist/wc/loader";

applyPolyfills().then(() => {
  defineAlbeComponents();
  defineZanichelliNotifiche();
});

return <zanichelli-notifiche></zanichelli-notifiche>;
```

---

### **Development**

- Download the repo using `git clone git@bitbucket.org:zanichelli/laz-notifiche.git`
- Run `yarn`
- Run `yarn start`

**To use component from local (and to run cypress tests) the host must be dev-notifications.zanichelli.it:3333**

- so add in your own file /etc/hosts `127.0.0.1 dev-notifications.zanichelli.it`

---
_Source: https://npm.io/package/@zanichelli/zanichelli-notifiche · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._