https://github.com/notifir/widget

Web component for in-app notifications
https://github.com/notifir/widget

lit web-components webcomponents

Last synced: 5 months ago
JSON representation

Web component for in-app notifications

• Host: GitHub
• URL: https://github.com/notifir/widget
• Owner: notifir
• License: mit
• Created: 2022-05-30T20:55:53.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2023-07-19T21:21:48.000Z (almost 3 years ago)
• Last Synced: 2025-08-18T22:47:42.220Z (10 months ago)
• Topics: lit, web-components, webcomponents
• Language: TypeScript
• Homepage: https://notifir.github.io/widget/
• Size: 1.79 MB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# wc-notification-bell

[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/wc-notification-bell)

[![npm](https://img.shields.io/npm/v/wc-notification-bell)](https://www.npmjs.com/package/wc-notification-bell)

![npm bundle size](https://img.shields.io/bundlephobia/minzip/wc-notification-bell)

![jsDelivr hits (npm)](https://img.shields.io/jsdelivr/npm/hy/wc-notification-bell)

[![widget](https://img.shields.io/endpoint?url=https://dashboard.cypress.io/badge/simple/virqte&style=flat&logo=cypress)](https://dashboard.cypress.io/projects/virqte/runs)

A web component by [lit](https://github.com/lit/lit).

The final product is an ES module, and it can be used alone.

> Anywhere like Vanilla JS / Vue / React / Angular / Svelte ...

[Demo](https://notifir.github.io/widget/)

## Usage

```bash

npm i wc-notification-bell

```

### By CDN

See [demo/index.html](./demo/index.html).

```html

```

### By NPM

```ts

// main.ts

import 'wc-notification-bell'

```

```html

```