i-social-widget
v1.0.16
Published
A iNET social media share widget for Vue, Angular,js and other frameworks
Readme
Cài đặt
npm i -S i-social-widget1. Sử dụng như module
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Social Widget Demo</title>
</head>
<body>
<div id="social-widget"></div>
<script type="module">
import SocialWidget from 'i-social-widget';
document.addEventListener('DOMContentLoaded', () => {
const widget = new SocialWidget({
displayMode: 'direct', // Hiển thị list trực tiếp
socialList: [],
buttonText: "Chia sẻ sản phẩm" // Không dùng ở direct mode, chỉ có ở dropdown
});
widget.init(document.getElementById('social-widget'));
});
</script>
</body>
</html>2. Sử dụng ở javascript thuần như: js, angularjs,..
<div id="social-widget"></div> <!-- List sẽ append vào đây -->
<script src="./dist/social-widget.umd.js"></script>
<script>
const SocialWidget = window.SocialWidget;
const widget = new SocialWidget({
displayMode: 'direct', // Hiển thị list trực tiếp
socialList: [],
buttonText: "Chia sẻ sản phẩm" // Không dùng ở direct mode, chỉ có ở dropdown
});
widget.init(); // Tự detect #social-widget và append <ul><li>
</script>