1.0.1 • Published 4 years ago
console-toaster v1.0.1
🍞 console-toaster
Toastify your console.logs!
Tiny heads-up display which will show your console.log
and console.error
messages in toasts on your screen.
In addition, you get a counter of the two in the bottom left. Clicking on either will show you a history of log lines.
Clicking on a log toast itself will launch a google search of that error message.
🚀 Install
npm install --save console-toaster
📋 Usage
import React from 'react'
import Container from 'rest-of-app'
import Toaster from 'console-toaster'
const App = props => {
render() {
return (
<div>
<Toaster />
<Container />
</div>
}
}
This will get you a little heads up menu on the left, and your console.log()
and console.error()
calls in toast messages along the right. Don't worry, they'll still show up in your console as well.
Clicking on either log
or error
will display the latest log entries
🗄 Props
<Toaster
position={'bottom' || 'top'}
duration={4000}
destination={`https://google.com/search?q${error}`}
className={''}
/>
📖 License
MIT