Следующая точка
Социальные сети делятся кнопками для ваших следующих приложений React.
? Функции
- Нет зависимостей
- Совместим с JavaScript и TypeScript
- Поделиться кнопками для вашего следующего приложения React
- Facebook
- Линия
- Pinterest
- Reddit
- Телеграмма
- Tumblr
- Twitter
- Viber
- Вейбо
- WhatsApp
- LinkedIn
- Vkshare
- Mailru
- Живой джурнал
- Рабочее место
- Карман
- Instapaper
- Хатена
- Facebookmessenger
- Электронная почта
- Габ
- Количество акций
- FacebookshareCount
- HatenashareCount
- Oksharecount
- PinterestshareCount
- Tumblrsharecount
- Vksharecount
- Значки
? Установить
Следующая чашка доступна на NPM. Он может быть установлен со следующей командой:
npm install next-share --save
Следующая чашка доступна и на пряже. Он может быть установлен со следующей командой:
yarn add next-share --save
Использование ShareButton
? Facebook
? код
import {
FacebookShareButton ,
FacebookIcon ,
} from 'next-share'
< FacebookShareButton
url = { 'https://github.com/next-share' }
quote = { 'next-share is a social share buttons for your next React apps.' }
hashtag = { '#nextshare' }
>
< FacebookIcon size = { 32 } round />
</ FacebookShareButton > Facebooksharebutton реквизит
| Реквизит | Тип | По умолчанию | Описание | Необходимый |
|---|
| дети | узел | | React Component, HTML -элемент или строка. | ✅ |
| URL | нить | | URL -адрес общей страницы. | ✅ |
| цитировать | нить | | Цитата, которую нужно разделить. | |
| хэштег | нить | | Хэштег, чтобы поделиться. | |
| Windowwidth | число | 550 | Открытая ширина окна. | |
| WindowHeight | число | 400 | Открытая высота окна. | |
| BlankTarget | логический | ЛОЖЬ | Откройте окно общего окна в новой вкладке, если установить на true . | |
Фейсбук -реквизит
? Линия
? код
import {
LineShareButton ,
LineIcon ,
} from 'next-share'
< LineShareButton
url = { 'https://github.com/next-share' }
title = { 'next-share is a social share buttons for your next React apps.' }
>
< LineIcon />
</ LineShareButton > Linesharebutton Reps
| Реквизит | Тип | По умолчанию | Описание | Необходимый |
|---|
| дети | узел | | React Component, HTML -элемент или строка. | ✅ |
| URL | нить | | URL -адрес общей страницы. | ✅ |
| заголовок | нить | | Название общей страницы. | |
| Windowwidth | число | 500 | Открытая ширина окна. | |
| WindowHeight | число | 500 | Открытая высота окна. | |
| BlankTarget | логический | ЛОЖЬ | Откройте окно общего окна в новой вкладке, если установить на true . | |
Лидиконный реквизит
? Pinterest
? код
import {
PinterestShareButton ,
PinterestIcon ,
} from 'next-share'
< PinterestShareButton
url = { 'https://github.com/next-share' }
media = { 'next-share is a social share buttons for your next React apps.' }
>
< PinterestIcon size = { 32 } round />
</ PinterestShareButton > Pinterestsharebutton реквизит
| Реквизит | Тип | По умолчанию | Описание | Необходимый |
|---|
| дети | узел | | React Component, HTML -элемент или строка. | ✅ |
| URL | нить | | URL -адрес общей страницы. | ✅ |
| СМИ | нить | | URL -адрес изображения, который будет закреплен. | ✅ |
| описание | нить | | Описание общих средств массовой информации. | |
| Windowwidth | число | 1000 | Открытая ширина окна. | |
| WindowHeight | число | 730 | Открытая высота окна. | |
| BlankTarget | логический | ЛОЖЬ | Откройте окно общего окна в новой вкладке, если установить на true . | |
Pinteresticon реквизит
? Reddit
? код
import {
RedditShareButton ,
RedditIcon ,
} from 'next-share'
< RedditShareButton
url = { 'https://github.com/next-share' }
title = { 'next-share is a social share buttons for your next React apps.' }
>
< RedditIcon size = { 32 } round />
</ RedditShareButton > Redditsharebutton Reps
| Реквизит | Тип | По умолчанию | Описание | Необходимый |
|---|
| дети | узел | | React Component, HTML -элемент или строка. | ✅ |
| URL | нить | | URL -адрес общей страницы. | ✅ |
| заголовок | нить | | Название общей страницы. | |
| Windowwidth | число | 660 | Открытая ширина окна. | |
| WindowHeight | число | 460 | Открытая высота окна. | |
| BlankTarget | логический | ЛОЖЬ | Откройте окно общего окна в новой вкладке, если установить на true . | |
Redditicon реквизит
? Телеграмма
? код
import {
TelegramShareButton ,
TelegramIcon ,
} from 'next-share'
< TelegramShareButton
url = { 'https://github.com/next-share' }
title = { 'next-share is a social share buttons for your next React apps.' }
>
< TelegramIcon size = { 32 } round />
</ TelegramShareButton > Telegramsharebutton Reps
| Реквизит | Тип | По умолчанию | Описание | Необходимый |
|---|
| дети | узел | | React Component, HTML -элемент или строка. | ✅ |
| URL | нить | | URL -адрес общей страницы. | ✅ |
| заголовок | нить | | Название общей страницы. | |
| Windowwidth | число | 550 | Открытая ширина окна. | |
| WindowHeight | число | 400 | Открытая высота окна. | |
| BlankTarget | логический | ЛОЖЬ | Откройте окно общего окна в новой вкладке, если установить на true . | |
Telegramicon реквизит
? Tumblr
? код
import {
TumblrShareButton ,
TumblrIcon ,
} from 'next-share'
< TumblrShareButton
url = { 'https://github.com/next-share' }
title = { 'next-share is a social share buttons for your next React apps.' }
>
< TumblrIcon size = { 32 } round />
</ TumblrShareButton > Tumblrsharebutton Reps
| Реквизит | Тип | По умолчанию | Описание | Необходимый |
|---|
| дети | узел | | React Component, HTML -элемент или строка. | ✅ |
| URL | нить | | URL -адрес общей страницы. | ✅ |
| заголовок | нить | | Название общей страницы. | |
| теги | Array<string> | | | |
| подпись | нить | | Описание общей страницы. | |
| Posttype | нить | link | | |
| Windowwidth | число | 660 | Открытая ширина окна. | |
| WindowHeight | число | 460 | Открытая высота окна. | |
| BlankTarget | логический | ЛОЖЬ | Откройте окно общего окна в новой вкладке, если установить на true . | |
Tumblricon Reps
? Twitter
? код
import {
TwitterShareButton ,
TwitterIcon ,
} from 'next-share'
< TwitterShareButton
url = { 'https://github.com/next-share' }
title = { 'next-share is a social share buttons for your next React apps.' }
>
< TwitterIcon size = { 32 } round />
</ TwitterShareButton > Twittersharebutton реквизит
| Реквизит | Тип | По умолчанию | Описание | Необходимый |
|---|
| дети | узел | | React Component, HTML -элемент или строка. | ✅ |
| URL | нить | | URL -адрес общей страницы. | ✅ |
| заголовок | нить | | Название общей страницы. | |
| с помощью | нить | | | |
| хэштеги | множество | | | |
| связанный | множество | | | |
| Windowwidth | число | 550 | Открытая ширина окна. | |
| WindowHeight | число | 400 | Открытая высота окна. | |
| BlankTarget | логический | ЛОЖЬ | Откройте окно общего окна в новой вкладке, если установить на true . | |
Twittericon реквизит
? Viber
? код
import {
ViberShareButton ,
ViberIcon ,
} from 'next-share'
< ViberShareButton
url = { 'https://github.com/next-share' }
title = { 'next-share is a social share buttons for your next React apps.' }
>
< ViberIcon size = { 32 } round />
</ ViberShareButton > Vibersharebutton Reps
| Реквизит | Тип | По умолчанию | Описание | Необходимый |
|---|
| дети | узел | | React Component, HTML -элемент или строка. | ✅ |
| URL | нить | | URL -адрес общей страницы. | ✅ |
| заголовок | нить | | Название общей страницы. | |
| сепаратор | | | | |
| Windowwidth | число | 660 | Открытая ширина окна. | |
| WindowHeight | число | 460 | Открытая высота окна. | |
| BlankTarget | логический | ЛОЖЬ | Откройте окно общего окна в новой вкладке, если установить на true . | |
Vibericon Reps
? Вейбо
? код
import {
WeiboShareButton ,
WeiboIcon ,
} from 'next-share'
< WeiboShareButton
url = { 'https://github.com/next-share' }
title = { 'next-share is a social share buttons for your next React apps.' }
image = { ` ${ String ( window . location ) } / ${ example - image } ` }
>
< WeiboIcon size = { 32 } round />
</ WeiboShareButton > Weibosharebutton Reps
| Реквизит | Тип | По умолчанию | Описание | Необходимый |
|---|
| дети | узел | | React Component, HTML -элемент или строка. | ✅ |
| URL | нить | | URL -адрес общей страницы. | ✅ |
| заголовок | нить | | Название общей страницы. | |
| изображение | нить | | URL -адрес изображения, который будет обмен. | |
| Windowwidth | число | 660 | Открытая ширина окна. | |
| WindowHeight | число | 550 | Открытая высота окна. | |
| BlankTarget | логический | ЛОЖЬ | Откройте окно общего окна в новой вкладке, если установить на true . | |
Weiboicon реквизит
? WhatsApp
? код
import {
WhatsappShareButton ,
WhatsappIcon ,
} from 'next-share'
< WhatsappShareButton
url = { 'https://github.com/next-share' }
title = { 'next-share is a social share buttons for your next React apps.' }
separator = ":: "
>
< WhatsappIcon size = { 32 } round />
</ WhatsappShareButton > Whatsappsharebutton реквизит
| Реквизит | Тип | По умолчанию | Описание | Необходимый |
|---|
| дети | узел | | React Component, HTML -элемент или строка. | ✅ |
| URL | нить | | URL -адрес общей страницы. | ✅ |
| заголовок | нить | | Название общей страницы. | |
| сепаратор | нить | | | |
| Windowwidth | число | 550 | Открытая ширина окна. | |
| WindowHeight | число | 400 | Открытая высота окна. | |
| BlankTarget | логический | ЛОЖЬ | Откройте окно общего окна в новой вкладке, если установить на true . | |
Whatsappicon реквизит
? LinkedIn
? код
import {
LinkedinShareButton ,
LinkedinIcon ,
} from 'next-share'
< LinkedinShareButton url = { 'https://github.com/next-share' } >
< LinkedinIcon size = { 32 } round />
</ LinkedinShareButton > LinkedInsharebutton Reps
| Реквизит | Тип | По умолчанию | Описание | Необходимый |
|---|
| дети | узел | | React Component, HTML -элемент или строка. | ✅ |
| URL | нить | | URL -адрес общей страницы. | ✅ |
| Windowwidth | число | 750 | Открытая ширина окна. | |
| WindowHeight | число | 600 | Открытая высота окна. | |
| BlankTarget | логический | ЛОЖЬ | Откройте окно общего окна в новой вкладке, если установить на true . | |
Как вы используете такие вещи, как title , summary и т. Д.?
Используйте теги og в блоке <head> HTML.
< meta property =' og:image ' content ='' />
< meta property =' og:title ' content ='' />
< meta property =' og:description ' content ='' />
LinkedInicon реквизит
? Vk
? код
import {
VKShareButton ,
VKIcon ,
} from 'next-share'
< VKShareButton
url = { 'https://github.com/next-share' }
image = { './next-share.png' }
>
< VKIcon size = { 32 } round />
</ VKShareButton > VKSHAREBUTTON Reps
| Реквизит | Тип | По умолчанию | Описание | Необходимый |
|---|
| дети | узел | | React Component, HTML -элемент или строка. | ✅ |
| URL | нить | | URL -адрес общей страницы. | ✅ |
| заголовок | нить | | Название общей страницы. | |
| изображение | нить | | Абсолютная ссылка на изображение, которое будет передано. | |
| Нопарс | логический | | Если True пройдет, VK не будет получать информацию о URL. | |
| Novklinks | логический | | Если True будет передано, в открытом окне не будет ссылок на профиль пользователя. Только для мобильных устройств. | |
| Windowwidth | число | 660 | Открытая ширина окна. | |
| WindowHeight | число | 460 | Открытая высота окна. | |
| BlankTarget | логический | ЛОЖЬ | Откройте окно общего окна в новой вкладке, если установить на true . | |
Vkicon реквизит
? Mailru
? код
import {
MailruShareButton ,
MailruIcon ,
} from 'next-share'
< MailruShareButton
url = { 'https://github.com/next-share' }
title = { 'Next Share' }
>
< MailruIcon size = { 32 } round />
</ MailruShareButton > Mailrusharebutton Reps
| Реквизит | Тип | По умолчанию | Описание | Необходимый |
|---|
| дети | узел | | React Component, HTML -элемент или строка. | ✅ |
| URL | нить | | URL -адрес общей страницы. | ✅ |
| заголовок | нить | | Название общей страницы. | |
| описание | нить | | Описание общей страницы. | |
| Imageurl | нить | | URL -адрес изображения общей страницы. | |
| Windowwidth | число | 660 | Открытая ширина окна. | |
| WindowHeight | число | 460 | Открытая высота окна. | |
| BlankTarget | логический | ЛОЖЬ | Откройте окно общего окна в новой вкладке, если установить на true . | |
Реквизит Mailruicon
? Живой джурнал
? код
import {
LivejournalShareButton ,
LivejournalIcon ,
} from 'next-share'
< LivejournalShareButton
url = { 'https://github.com/next-share' }
title = { 'Next Share' }
description = { 'https://github.com/next-share' }
>
< LivejournalIcon size = { 32 } round />
</ LivejournalShareButton > LiveJournalSharebutton Reps
| Реквизит | Тип | По умолчанию | Описание | Необходимый |
|---|
| дети | узел | | React Component, HTML -элемент или строка. | ✅ |
| URL | нить | | URL -адрес общей страницы. | ✅ |
| заголовок | нить | | Название общей страницы. | |
| описание | нить | | Описание общей страницы. | |
| Windowwidth | число | 660 | Открытая ширина окна. | |
| WindowHeight | число | 460 | Открытая высота окна. | |
| BlankTarget | логический | ЛОЖЬ | Откройте окно общего окна в новой вкладке, если установить на true . | |
LiveJournalicon Reps
? Рабочее место
? код
import {
WorkplaceShareButton ,
WorkplaceIcon ,
} from 'next-share'
< WorkplaceShareButton
url = { 'https://github.com/next-share' }
quote = { 'Next Share' }
>
< WorkplaceIcon size = { 32 } round />
</ WorkplaceShareButton > Workplacesharebutton Reps
| Реквизит | Тип | По умолчанию | Описание | Необходимый |
|---|
| дети | узел | | React Component, HTML -элемент или строка. | ✅ |
| URL | нить | | URL -адрес общей страницы. | ✅ |
| цитировать | нить | | | |
| хэштег | нить | | | |
| Windowwidth | число | 550 | Открытая ширина окна. | |
| WindowHeight | число | 400 | Открытая высота окна. | |
| BlankTarget | логический | ЛОЖЬ | Откройте окно общего окна в новой вкладке, если установить на true . | |
WorkplaceIcon реквизит
? Карман
? код
import {
PocketShareButton ,
PocketIcon ,
} from 'next-share'
< PocketShareButton
url = { 'https://github.com/next-share' }
title = { 'Next Share' }
>
< PocketIcon size = { 32 } round />
</ PocketShareButton > PocketShareButton Reps
| Реквизит | Тип | По умолчанию | Описание | Необходимый |
|---|
| дети | узел | | React Component, HTML -элемент или строка. | ✅ |
| URL | нить | | URL -адрес общей страницы. | ✅ |
| заголовок | нить | | Название общей страницы. Обратите внимание, что если Pocket обнаружит тег заголовка на сохраненной странице, этот параметр будет игнорироваться, и вместо этого будет использоваться тег заголовка сохраненной страницы. | |
| Windowwidth | число | 500 | Открытая ширина окна. | |
| WindowHeight | число | 500 | Открытая высота окна. | |
| BlankTarget | логический | ЛОЖЬ | Откройте окно общего окна в новой вкладке, если установить на true . | |
Pocketicon Reps
? Instapaper
? код
import {
InstapaperShareButton ,
InstapaperIcon ,
} from 'next-share'
< InstapaperShareButton
url = { 'https://github.com/next-share' }
title = { 'Next Share' }
>
< InstapaperIcon size = { 32 } round />
</ InstapaperShareButton > Instapapersharebutton Reps
| Реквизит | Тип | По умолчанию | Описание | Необходимый |
|---|
| дети | узел | | React Component, HTML -элемент или строка. | ✅ |
| URL | нить | | URL -адрес общей страницы. | ✅ |
| заголовок | нить | | Название общей страницы. | |
| описание | нить | | Описание общей страницы. | |
| Windowwidth | число | 500 | Открытая ширина окна. | |
| WindowHeight | число | 500 | Открытая высота окна. | |
| BlankTarget | логический | ЛОЖЬ | Откройте окно общего окна в новой вкладке, если установить на true . | |
Instapapericon Reps
? Хатена
? код
import {
HatenaShareButton ,
HatenaIcon ,
} from 'next-share'
< HatenaShareButton
url = { 'https://github.com/next-share' }
title = { 'Next Share' }
>
< HatenaIcon size = { 32 } round />
</ HatenaShareButton > Hatenasharebutton Reps
| Реквизит | Тип | По умолчанию | Описание | Необходимый |
|---|
| дети | узел | | React Component, HTML -элемент или строка. | ✅ |
| URL | нить | | URL -адрес общей страницы. | ✅ |
| заголовок | нить | | Название общей страницы. | |
| Windowwidth | число | 660 | Открытая ширина окна. | |
| WindowHeight | число | 460 | Открытая высота окна. | |
| BlankTarget | логический | ЛОЖЬ | Откройте окно общего окна в новой вкладке, если установить на true . | |
Hatenaicon Reps
? Facebookmessenger
? код
import {
FacebookMessengerShareButton ,
FacebookMessengerIcon ,
} from 'next-share'
< FacebookMessengerShareButton
url = { 'https://github.com/next-share' }
appId = { '' }
>
< FacebookMessengerIcon size = { 32 } round />
</ FacebookMessengerShareButton > Facebookmessengersharebutton реквизит
| Реквизит | Тип | По умолчанию | Описание | Необходимый |
|---|
| дети | узел | | React Component, HTML -элемент или строка. | ✅ |
| URL | нить | | URL -адрес общей страницы. | ✅ |
| аппдасир | нить | | Идентификатор приложения Facebook. | ✅ |
| redirecturi | нить | | URL -адрес перенаправления после обмена (по умолчанию: общий URL). | |
| к | нить | | Идентификатор пользователя получателя. После того, как диалог появится, отправитель может указать дополнительных людей в качестве получателей. | |
| Windowwidth | число | 1000 | Открытая ширина окна. | |
| WindowHeight | число | 820 | Открытая высота окна. | |
| BlankTarget | логический | ЛОЖЬ | Откройте окно общего окна в новой вкладке, если установить на true . | |
Facebookmessengericon реквизит
? Электронная почта
? код
import {
EmailShareButton ,
EmailIcon ,
} from 'next-share'
< EmailShareButton
url = { 'https://github.com/next-share' }
subject = { 'Next Share' }
body = "body"
>
< EmailIcon size = { 32 } round />
</ EmailShareButton > Рекламный реквизит Emailsharebutton
| Реквизит | Тип | По умолчанию | Описание | Необходимый |
|---|
| дети | узел | | React Component, HTML -элемент или строка. | ✅ |
| URL | нить | | URL -адрес общей страницы. | ✅ |
| предмет | нить | | | |
| тело | нить | | | |
| сепаратор | нить | | | |
| BlankTarget | логический | ЛОЖЬ | Откройте окно общего окна в новой вкладке, если установить на true . | |
Реквизит по электронной почте
? Габ
? код
import {
GabShareButton ,
GabIcon ,
} from 'next-share'
< GabShareButton
url = { 'https://github.com/next-share' }
title = { 'Next Share' }
>
< GabIcon size = { 32 } round />
</ GabShareButton > Gabsharebutton Reps
| Реквизит | Тип | По умолчанию | Описание | Необходимый |
|---|
| дети | узел | | React Component, HTML -элемент или строка. | ✅ |
| URL | нить | | URL -адрес общей страницы. | ✅ |
| заголовок | нить | | Название общей страницы. | |
| Windowwidth | число | 660 | Открытая ширина окна. | |
| WindowHeight | число | 640 | Открытая высота окна. | |
Gabicon Reps
Иконы реквизита
| Реквизит | Тип | По умолчанию | Описание | Необходимый |
|---|
| размер | число | | Размер значков в пикселях. | |
| круглый | логический | | Показать круглый или прямоугольник. | |
| Borderradius | число | | Установите округлые углы, если используют круглые значки. | |
| Bgstyle | объект | | Настройте стиль фона. | |
| Iconfillcolor | нить | white | Настройте цвет значков. | |
| BlankTarget | логический | ЛОЖЬ | Откройте окно общего окна в новой вкладке, если установить на true . | |
Использование ShareCount
? Facebook
? код
import { FacebookShareCount } from 'next-share'
< FacebookShareCount
url = { 'https://github.com/next-share' }
appId = { '' }
appSecret = { '' }
/>
< FacebookShareCount
url = { 'https://github.com/next-share' }
appId = { '' }
appSecret = { '' }
>
{ shareCount => < span className = "wrapper" > { shareCount } </ span > }
</ FacebookShareCount > Facebooksharecount реквизит
| Реквизит | Тип | По умолчанию | Описание | Необходимый |
|---|
| URL | нить | | URL -адрес общей страницы. | ✅ |
| аппдасир | нить | | Идентификатор приложения Facebook. | ✅ |
| AppSecret | нить | | Секрет приложения Facebook. | ✅ |
| дети | узел | | React Component, HTML -элемент или строка. | |
? Хатена
? код
import { HatenaShareCount } from 'next-share'
< HatenaShareCount url = { 'https://github.com/next-share' } />
< HatenaShareCount url = { 'https://github.com/next-share' } >
{ shareCount => < span className = "wrapper" > { shareCount } </ span > }
</ HatenaShareCount > HatenashareCount Reps
| Реквизит | Тип | По умолчанию | Описание | Необходимый |
|---|
| URL | нить | | URL -адрес общей страницы. | ✅ |
| дети | узел | | React Component, HTML -элемент или строка. | |
? ХОРОШО
? код
import { OKShareCount } from 'next-share'
< OKShareCount url = { 'https://github.com/next-share' } />
< OKShareCount url = { 'https://github.com/next-share' } >
{ shareCount => < span className = "wrapper" > { shareCount } </ span > }
</ OKShareCount > OksharePount реквизит
| Реквизит | Тип | По умолчанию | Описание | Необходимый |
|---|
| URL | нить | | URL -адрес общей страницы. | ✅ |
| дети | узел | | React Component, HTML -элемент или строка. | |
? Pinterest
? код
import { PinterestShareCount } from 'next-share'
< PinterestShareCount url = { 'https://github.com/next-share' } />
< PinterestShareCount url = { 'https://github.com/next-share' } >
{ shareCount => < span className = "wrapper" > { shareCount } </ span > }
</ PinterestShareCount > PinterestShareCount Reps
| Реквизит | Тип | По умолчанию | Описание | Необходимый |
|---|
| URL | нить | | URL -адрес общей страницы. | ✅ |
| дети | узел | | React Component, HTML -элемент или строка. | |
? Tumblr
? код
import { TumblrShareCount } from 'next-share'
< TumblrShareCount url = { 'https://github.com/next-share' } />
< TumblrShareCount url = { 'https://github.com/next-share' } >
{ shareCount => < span className = "wrapper" > { shareCount } </ span > }
</ TumblrShareCount > TumblrshareCount Reps
| Реквизит | Тип | По умолчанию | Описание | Необходимый |
|---|
| URL | нить | | URL -адрес общей страницы. | ✅ |
| дети | узел | | React Component, HTML -элемент или строка. | |
? Vk
? код
import { VKShareCount } from 'next-share'
< VKShareCount url = { 'https://github.com/next-share' } />
< VKShareCount url = { 'https://github.com/next-share' } >
{ shareCount => < span className = "wrapper" > { shareCount } </ span > }
</ VKShareCount > VKSHARECOUNT реквизит
| Реквизит | Тип | По умолчанию | Описание | Необходимый |
|---|
| URL | нить | | URL -адрес общей страницы. | ✅ |
| дети | узел | | React Component, HTML -элемент или строка. | |
Использование иконы
? код
import {
EmailIcon ,
FacebookIcon ,
FacebookMessengerIcon ,
GithubIcon ,
HatenaIcon ,
InstagramIcon ,
InstapaperIcon ,
LineIcon ,
LinkedinIcon ,
LivejournalIcon ,
MailruIcon ,
OKIcon ,
PinterestIcon ,
PocketIcon ,
RedditIcon ,
SpotifyIcon ,
TelegramIcon ,
TumblrIcon ,
TwitterIcon ,
ViberIcon ,
VKIcon ,
WeiboIcon ,
WhatsappIcon ,
WorkplaceIcon ,
} from 'next-share' Реквизит
| Реквизит | Тип | По умолчанию | Описание | Необходимый |
|---|
| размер | число | | Размер значков в пикселях. | |
| круглый | логический | | Показывать ли круглые или прямого значка. | |
| Borderradius | число | | Разрешить округлые углы при использовании прямого значка. | |
| Bgstyle | объект | | Настроить фон. | |
| Iconfillcolor | нить | white | Настройте цвет значков. | |
Изменение
Последняя версия 0.27.0 (2023-09-28):
Изменения деталей для каждого выпуска документированы в Changelog.md.
? Заворачивать
Если вы думаете, что какая-либо из next-share может быть улучшена, пожалуйста, откройте PR с любыми обновлениями и отправьте какие-либо проблемы. Кроме того, я буду продолжать улучшать это, так что вы, возможно, захотите посмотреть/свести этот репозиторий, чтобы вернуться.
? Вклад
Мы хотели бы получить вашу помощь в получении вклада в next-share разбрызгивая и отправив запрос на привлечение!
Ваш вклад от всей души приветствуется, признается и ценится. (✿◠‿◠)
Как внести свой вклад:
- Открыть запрос на вытягивание с улучшениями
- Обсудить идеи в вопросах
- Распространить слово
- Обратитесь с любыми отзывами
Участники
Банлонг | Артурс Киртовскис | Шон | Стив Скаво | Мэдди Миллер | Джо МакБрум |
Лена Котлайр |
??? Реклама
Вы, возможно, заинтересованы.
- Реактивные паттерны - реагируют закономерности и методы для использования в разработке для разработчика React.
- React Papaparse-самый быстрый встроенный CSV (или разграниченный текст) анализатор для React.
- Следующий QRCODE - React Hooks для генерации QR -кода для ваших следующих приложений React.
- В следующий раз назад-легкий крошечный временной компонент для ваших следующих приложений React.
⚖ Лицензия
Лицензия MIT