react-favicon
Control the favicon from a React app
Demo
http://oflisback.github.io/react-favicon
Installation
npm install react-favicon --save
Features
- Update the favicon with a url or base64 encoded image
- Animate through a list of urls
- Toggle animation
- Alert bubbles
- Allow some favicons to be kept on the page, which may be desirable for desktop Safari
Usage
<Favicon url={[url1, url2, url3]}/>
See index.html for the demo page source code. If you have support for import (via e.g. babel), basic usage is as simple as importing the react-favicon package and including a Favicon component in the react component tree.
import React from 'react'; import ReactDOM from 'react-dom'; import Favicon from 'react-favicon'; ReactDOM.render( <div> <Favicon url="http://oflisback.github.io/react-favicon/public/img/github.ico" /> <h1>Hello, Favicon!</h1> </div> , document.getElementById('root'));