slidenote v0.1.7

https://github.com/user-attachments/assets/0b938b3e-3886-4a88-9fac-f1c4ea80cbab

Slidenote is a scroll driven popover for React. Use it to increase your landing page conversion rate or increase subscriber sign ups from your blog post.

Usage

To start using the library, install it in your project:,

npm install slidenote

Use the Slidenote in your app.

import { Slidenote } from 'slidenote';

function MyComponent() {
  return (
    <Slidenote className="fixed bottom-1/3 right-0 rounded-l-xl bg-white p-4 shadow-xl">
      {/*
        Your content here
      */}
    </Slidenote>
  );
}

Documentation

Find the full API reference and examples in the documentation.