React Bubbles Component
A React component that creates animated bubbles on the background.
Table of Contents
Demo
Include a link or GIF demonstrating your component in action.
Installation
Install the component using npm:
npm install react-background-bubbles
## USAGE
import React from 'react';
import Bubbles from 'react-bubbles-component';
const App = () => {
return (
<div>
<Bubbles
bubblesCount={30}
bubbleContainerBg="#3498db"
bubbleOneBg="white"
bubbleTwoBg="black"
>
<YourCOmponent/>
</Bubbles>
</div>
);
};
export default App;
## Props
bubblesCount (optional): Number of bubbles to display. Default is 34.
bubbleContainerBg (optional): Background color of the container. Default is "#3498db".
bubbleOneBg (optional): Color of bubbles with even indices. Default is "white".
bubbleTwoBg (optional): Color of bubbles with odd indices. Default is "black".
children (optional): Additional components or content to be rendered inside the container.