Skip to main content

Lightweight Vue Toast

A minimal, customizable, and lightweight toast notification library for Vue applications. Built for performance and ease of use.

View on NPM
  • Vue Development
  • NPM Package
  • Open Source
Toast notification library showcase

Project Overview

mfk-toast is a lightweight toast notification library designed for Vue applications. It provides a simple API to display temporary messages to users, such as success confirmations, error alerts, or general information. The library focuses on performance and minimal bundle size while offering essential customization options.

Key Features

  • Lightweight - Minimal footprint to keep your application fast
  • Customizable - Easy customization of position, duration, and styling
  • Easy to Use - Simple hook-based or function-based API
  • TypeScript Support - Fully typed for excellent developer experience
  • Accessible - Built with accessibility best practices in mind

Installation & Usage

Install the package via NPM and start using it in your Vue components.

// Install via NPM
npm install mfk-toast

// Usage in Component
import { toast } from 'mfk-toast';

const MyComponent = () => {
  const handleClick = () => {
    toast.success('Operation successful!');
  };

  return (
    <button onClick={handleClick}>Show Toast</button>
  );
};