Manual Integration

Choose your framework below for exact copy-paste snippets. The core logic remains the same across all technologies: Load the library, then drop the div.

1. Load Library

Add these to your index.html.

<!-- In <head> --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/AOSSIE-Org/SocialShareButton@v1.0.4/src/social-share-button.css" />
<!-- Before </body> --> <script src="https://cdn.jsdelivr.net/gh/AOSSIE-Org/SocialShareButton@v1.0.4/src/social-share-button.js"></script>

2. Add Button

Place the div where it should appear.

<div data-social-share></div>