https://github.com/kevmodrome/svelte-favicon-badge

A custom component that adds a favicon and a badge that you can use to show for example number of unread messages
https://github.com/kevmodrome/svelte-favicon-badge

Last synced: 2 months ago
JSON representation

A custom component that adds a favicon and a badge that you can use to show for example number of unread messages

• Host: GitHub
• URL: https://github.com/kevmodrome/svelte-favicon-badge
• Owner: kevmodrome
• Created: 2020-03-25T18:55:07.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2022-07-15T16:44:22.000Z (over 2 years ago)
• Last Synced: 2024-07-23T13:34:33.158Z (6 months ago)
• Language: JavaScript
• Size: 1.01 MB
• Stars: 102
• Watchers: 3
• Forks: 3
• Open Issues: 3
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-svelte - svelte-favicon-badge - A custom component that adds a favicon and a badge that you can use to show for example number of unread messages, etc. (UI Components / Notification)

README

        
# svelte-favicon-badge

A custom component that adds a favicon and a badge that you can use to show for example number of unread messages, etc.

## Example







## Quick Start

Install via `npm i svelte-favicon-badge` and simply import the component and add it to your markup. It's probably a good idea to only use one per page/route since there could be conflicts.

The options are: `count` `background` `color` and `href`

```html

	import Badge from "svelte-favicon-badge";

	let count = 0;

	let background = "#FF0000";

	let color = "#FFFFFF";

```

## Browser Support

Should support all modern browsers except Safari. Not tested in IE but is assumed not to work.