This package provides a customizable envelope component that reveals a flower animation when clicked. Perfect for Valentine's Day or any romantic occasion!
To install the package, use npm:
npm install valentine-envelope-package
Import the Envelope component into your React application:
import React from 'react';
import { Envelope } from 'valentine-envelope-package';
const App = () => {
return (
<div>
<Envelope name="Your Name" />
</div>
);
};
export default App;The Envelope component accepts the following props:
-
name(string): The name to display on the envelope.
The envelope features a custom animation that opens to reveal a flower. The animation is defined in the accompanying CSS file and is triggered on click.
To contribute to this package, clone the repository and install the dependencies:
npm install
You can run the development server with:
npm start
This project is licensed under the MIT License. Feel free to use and modify it as you wish!