react-scroll-top-button

A simple and customizable React button that smoothly scrolls the page to the top when clicked.

✨ Features

• 🧩 Fully customizable via props
• 📱 Flexible positioning (left, right, center)
• 🖱️ Optional smooth scroll
• 🎨 Style with your own className (Tailwind or bootstrap) or inline styles
• 🪶 Lightweight and easy to integrate

📦 Installation

npm install react-flyup-button
# or
yarn add react-flyup-button

🚀 Usage

import React from "react";
import ScrollToTopButton from "react-flyup-button";

function App() {
  return (
    <div>
      {/* Your page content */}
      <ScrollToTopButton />
    </div>
  );
}

export default App;

⚙️ Props (optional)

🧪 Example with custom props

function App() {
  return (
    <div>
      <ScrollToTopButton
        position="left"
        bottom={50}
        left={20}
        width={60}
        height={60}
        borderRadius={10}
        backgroundColor="#007BFF"
        borderColor="#0056b3"
        borderWidth={2}
        smoothScroll={true}
        displayAt={400}
      />
    </div>
  );
}