emoji-picker-lite
emoji-picker-lite is a lightweight package for easy emoji selection and insertion in web applications. Enhance your user's messaging experience with a simple, customizable, and intuitive emoji picker.
emoji-picker-lite
A lightweight emoji picker for web applications, allowing users to easily select and insert emojis.
Usage
-
Include the required CSS and JavaScript files in your HTML:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"> <link rel="stylesheet" href="emoji-picker.css"> <title>Emoji Picker Demo</title> </head> <body> <div class="emoji-picker-container"> <input type="text" id="emoji-input" placeholder="Click to pick an emoji"> <div class="emoji-picker"> <!-- Emoji icons will be dynamically added here --> </div> </div> <script src="emoji-picker.js"></script> </body> </html>
Customize the emoji list or categories in the emoji-picker.js file.
Run your HTML file in a web browser.
Click on the input field to open the emoji picker and select an emoji.
Customization
You can customize the emoji list, add more categories, or modify the styles in the CSS file to fit your application's design.
Author
Name: Tisankan
Email: [email protected]
GitHub: https://github.com/Tisankan
Contributing
Contributions are welcome and appreciated. If you have any suggestions or improvements, please open an issue or submit a pull request.
License
This project is licensed under the MIT License - see the LICENSE file for details.