https://github.com/2nthony/vercel-toast

💬 Framework-agnostic vercel design's toast component (≈1KB Gzipped)
https://github.com/2nthony/vercel-toast

css framework-agnostic lightweight message popup toast vercel widget zeit

Last synced: 11 days ago
JSON representation

💬 Framework-agnostic vercel design's toast component (≈1KB Gzipped)

• Host: GitHub
• URL: https://github.com/2nthony/vercel-toast
• Owner: 2nthony
• License: mit
• Created: 2019-07-27T20:25:08.000Z (over 5 years ago)
• Default Branch: main
• Last Pushed: 2024-05-28T17:15:51.000Z (6 months ago)
• Last Synced: 2024-05-29T14:30:20.771Z (6 months ago)
• Topics: css, framework-agnostic, lightweight, message, popup, toast, vercel, widget, zeit
• Language: TypeScript
• Homepage: https://vercel-toast.vercel.app
• Size: 1.63 MB
• Stars: 89
• Watchers: 2
• Forks: 10
• Open Issues: 17
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

        
# vercel-toast

[![NPM version](https://badgen.net/npm/v/vercel-toast?label=&color=29BC9B)](https://npmjs.com/package/vercel-toast)

[![NPM download](https://badgen.net/npm/dm/vercel-toast?label=&color=29BC9B)](https://npmjs.com/package/vercel-toast)

Framework-agnostic vercel design's toast component

![](media/toast2.gif)

## Usage

### Bundler

```console

npm i vercel-toast

```

```ts

// in js file

import 'vercel-toast/css'

import { createToast } from 'vercel-toast'

createToast('Hi from vercel toast!')

```

### Browser CDN

```html

  vercelToast.createToast("Hi from vercel toast!");

```

## Documentation

https://vercel-toast.vercel.app

## Credits

- [vercel/design's toast](https://vercel.com/design/toast)

## Contributing

1. Fork it!

2. Create your feature branch: `git checkout -b my-new-feature`

3. Commit your changes: `git commit -am 'Add some feature'`

4. Push to the branch: `git push origin my-new-feature`

5. Submit a pull request :D

## Sponsors

[![sponsors](https://cdn.jsdelivr.net/gh/2nthony/sponsors-image/sponsors.svg)](https://github.com/sponsors/2nthony)

## License

MIT © [2nthony](https://github.com/sponsors/2nthony)