React Toaster Fly

A lightweight, customizable React sidebar component with essential navigation features.

Features

• 🎨 Customizable colors for all elements
• 🖥️ Customizable Positions
• 🔘 Custom Icon Support
• 🟠 Active item highlighting - text color
• 🔳 Configurable border radius
• 📱 Responsive design

Installation

npm i react-toaster-fly

Usage

import "./App.css";
import Toast from "react-toaster-fly";
import { BiError } from "react-icons/bi";

function App() {
  return (
    <div>
      <Toast
        message={"Error while creating account"}
        icon={BiError}
        position={"top-left"} // top-let, top-right, bottom-left, bottom-right
        timeout={5000}
        radius={"10px"}
        background={"red"}
        color={"white"}
      />
    </div>
  );
}

export default App;