Лёгкие и стильные кнопки для публикации ссылок в соцсетях и копирования URL. Подходит для любых веб-проектов — блогов, лендингов, портфолио и т.д.
Вы можете установить пакет удобным для вас способом: через npm, Bower или подключить напрямую через CDN.
npm install @devstarter/shrbtnИспользуйте, если вы подключаете скрипты и стили через сборщики (например, Webpack, Vite, Parcel).
bower install DevStarter-Technology/shrbtn --saveПодходит для проектов, где используется Bower в качестве менеджера зависимостей.
Если вы не используете сборщики, просто вставьте эти строки в ваш HTML:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@devstarter/shrbtn@latest/dist/css/shrbtn.min.css">
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@devstarter/shrbtn@latest/dist/js/shrbtn.min.js"></script><link rel="stylesheet" href="https://unpkg.com/@devstarter/shrbtn@latest/dist/css/shrbtn.min.css">
<script type="text/javascript" src="https://unpkg.com/@devstarter/shrbtn@latest/dist/js/shrbtn.min.js"></script>Добавьте элемент с классами share-container share и укажите, какие сервисы нужно отобразить, через атрибут data-services.
<div class="share-container share" data-services="telegram,vkontakte,copy"></div>Поддерживаемые значения в data-services:
telegramvkontaktefacebooktwitterlinkedinwhatsapp-
copy— кнопка копирования текущей ссылки
Вы можете указать любые комбинации, разделённые запятыми.
- ✅ Простое подключение
- 🎨 Лёгкий и адаптивный дизайн
- ⚡ Без зависимостей
- 🔗 Поддержка популярных соцсетей и копирования ссылки
Если у вас есть предложения, замечания или баг-репорты — создайте issue или pull request в репозитории на GitHub.
This package follows an open-core licensing model:
- Core features — MIT License
- Optional Pro Features — require a commercial license
To learn more about available Pro Features and licensing, contact us.