تنزيل next share - تنزيل رمز مصدر next share

المشاركة التالية

وسائل التواصل الاجتماعي مشاركة أزرار لتطبيقات React التالية.

؟ سمات

لا تبعيات
متوافق مع كل من JavaScript و TypeScript
مشاركة أزرار لتطبيق React التالي
- فيسبوك
- خط
- بينتيريست
- رديت
- برقية
- نعرفكم
- تغريد
- Viber
- ويبو
- Whatsapp
- LinkedIn
- vkshare
- Mailru
- LiveJournal
- مكان العمل
- جيب
- Instapaper
- هاتينا
- Facebookmessenger
- بريد إلكتروني
- غاب
تهم المشاركة
- Facebooksharecount
- HatenashareCount
- OKSHARECOUNT
- PinterestshareCount
- TumblrshareCount
- vksharecount
أيقونات

؟ ثَبَّتَ

الحكم التالي متاح على NPM. يمكن تثبيته مع الأمر التالي:

 npm install next-share --save

الحكم التالي متاح على الغزل أيضًا. يمكن تثبيته مع الأمر التالي:

 yarn add next-share --save

استخدام Sharebutton

؟ فيسبوك

؟شفرة

 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

الدعائم	يكتب	تقصير	وصف	مطلوب
أطفال	العقدة		رد فعل مكون ، عنصر HTML أو السلسلة.	✅
عنوان URL	خيط		عنوان URL للصفحة المشتركة.	✅
يقتبس	خيط		اقتباس ليتم مشاركته.
الوسم	خيط		الهاشتاج ليتم مشاركتها.
عرض النافذة	رقم	550	عرض نافذة مفتوح.
Windowheight	رقم	400	ارتفاع النافذة.
Blanktarget	منطقية	خطأ شنيع	افتح نافذة مشاركة في علامة تبويب جديدة إذا تم ضبطها على `true` .

الدعائم Facebookicon

؟ خط

؟شفرة

 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

الدعائم	يكتب	تقصير	وصف	مطلوب
أطفال	العقدة		رد فعل مكون ، عنصر HTML أو السلسلة.	✅
عنوان URL	خيط		عنوان URL للصفحة المشتركة.	✅
عنوان	خيط		عنوان الصفحة المشتركة.
عرض النافذة	رقم	500	عرض نافذة مفتوح.
Windowheight	رقم	500	ارتفاع النافذة.
Blanktarget	منطقية	خطأ شنيع	افتح نافذة مشاركة في علامة تبويب جديدة إذا تم ضبطها على `true` .

الدعائم lineicon

؟ بينتيريست

؟شفرة

 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 الدعائم

الدعائم	يكتب	تقصير	وصف	مطلوب
أطفال	العقدة		رد فعل مكون ، عنصر HTML أو السلسلة.	✅
عنوان URL	خيط		عنوان URL للصفحة المشتركة.	✅
وسائط	خيط		عنوان URL الصورة الذي سيتم تثبيته.	✅
وصف	خيط		وصف الوسائط المشتركة.
عرض النافذة	رقم	1000	عرض نافذة مفتوح.
Windowheight	رقم	730	ارتفاع النافذة.
Blanktarget	منطقية	خطأ شنيع	افتح نافذة مشاركة في علامة تبويب جديدة إذا تم ضبطها على `true` .

الدعائم pinteresticon

؟ رديت

؟شفرة

 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

الدعائم	يكتب	تقصير	وصف	مطلوب
أطفال	العقدة		رد فعل مكون ، عنصر HTML أو السلسلة.	✅
عنوان URL	خيط		عنوان URL للصفحة المشتركة.	✅
عنوان	خيط		عنوان الصفحة المشتركة.
عرض النافذة	رقم	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 >

ProgramshareButton الدعائم

الدعائم	يكتب	تقصير	وصف	مطلوب
أطفال	العقدة		رد فعل مكون ، عنصر HTML أو السلسلة.	✅
عنوان URL	خيط		عنوان URL للصفحة المشتركة.	✅
عنوان	خيط		عنوان الصفحة المشتركة.
عرض النافذة	رقم	550	عرض نافذة مفتوح.
Windowheight	رقم	400	ارتفاع النافذة.
Blanktarget	منطقية	خطأ شنيع	افتح نافذة مشاركة في علامة تبويب جديدة إذا تم ضبطها على `true` .

برقية الدعائم

؟ نعرفكم

؟شفرة

 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 الدعائم

الدعائم	يكتب	تقصير	وصف	مطلوب
أطفال	العقدة		رد فعل مكون ، عنصر HTML أو السلسلة.	✅
عنوان URL	خيط		عنوان URL للصفحة المشتركة.	✅
عنوان	خيط		عنوان الصفحة المشتركة.
العلامات	`Array<string>`
التسمية التوضيحية	خيط		وصف الصفحة المشتركة.
posttype	خيط	`link`
عرض النافذة	رقم	660	عرض نافذة مفتوح.
Windowheight	رقم	460	ارتفاع النافذة.
Blanktarget	منطقية	خطأ شنيع	افتح نافذة مشاركة في علامة تبويب جديدة إذا تم ضبطها على `true` .

الدعائم Tumblricon

؟ تغريد

؟شفرة

 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 الدعائم

الدعائم	يكتب	تقصير	وصف	مطلوب
أطفال	العقدة		رد فعل مكون ، عنصر HTML أو السلسلة.	✅
عنوان URL	خيط		عنوان URL للصفحة المشتركة.	✅
عنوان	خيط		عنوان الصفحة المشتركة.
عبر	خيط
علامات التجزئة	صفيف
متعلق ب	صفيف
عرض النافذة	رقم	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 >

PROBERSHAREBUTTON الدعائم

الدعائم	يكتب	تقصير	وصف	مطلوب
أطفال	العقدة		رد فعل مكون ، عنصر HTML أو السلسلة.	✅
عنوان URL	خيط		عنوان URL للصفحة المشتركة.	✅
عنوان	خيط		عنوان الصفحة المشتركة.
فاصل
عرض النافذة	رقم	660	عرض نافذة مفتوح.
Windowheight	رقم	460	ارتفاع النافذة.
Blanktarget	منطقية	خطأ شنيع	افتح نافذة مشاركة في علامة تبويب جديدة إذا تم ضبطها على `true` .

الدعائم فيبيريكون

؟ ويبو

؟شفرة

 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

الدعائم	يكتب	تقصير	وصف	مطلوب
أطفال	العقدة		رد فعل مكون ، عنصر HTML أو السلسلة.	✅
عنوان URL	خيط		عنوان URL للصفحة المشتركة.	✅
عنوان	خيط		عنوان الصفحة المشتركة.
صورة	خيط		عنوان URL الصورة الذي سيتم مشاركته.
عرض النافذة	رقم	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 الدعائم

الدعائم	يكتب	تقصير	وصف	مطلوب
أطفال	العقدة		رد فعل مكون ، عنصر HTML أو السلسلة.	✅
عنوان URL	خيط		عنوان URL للصفحة المشتركة.	✅
عنوان	خيط		عنوان الصفحة المشتركة.
فاصل	خيط
عرض النافذة	رقم	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 >

Props LinkedInshareButton

الدعائم	يكتب	تقصير	وصف	مطلوب
أطفال	العقدة		رد فعل مكون ، عنصر HTML أو السلسلة.	✅
عنوان URL	خيط		عنوان URL للصفحة المشتركة.	✅
عرض النافذة	رقم	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

الدعائم	يكتب	تقصير	وصف	مطلوب
أطفال	العقدة		رد فعل مكون ، عنصر HTML أو السلسلة.	✅
عنوان URL	خيط		عنوان URL للصفحة المشتركة.	✅
عنوان	خيط		عنوان الصفحة المشتركة.
صورة	خيط		رابط مطلق للصورة التي سيتم مشاركتها.
noparse	منطقية		إذا تم تمرير True ، فلن يسترجع VK معلومات عناوين URL.
Novklinks	منطقية		إذا تم تمرير TRUE ، فلن تكون هناك روابط لملف تعريف المستخدم في النافذة المفتوحة. فقط للأجهزة المحمولة.
عرض النافذة	رقم	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 الدعائم

الدعائم	يكتب	تقصير	وصف	مطلوب
أطفال	العقدة		رد فعل مكون ، عنصر HTML أو السلسلة.	✅
عنوان URL	خيط		عنوان URL للصفحة المشتركة.	✅
عنوان	خيط		عنوان الصفحة المشتركة.
وصف	خيط		وصف الصفحة المشتركة.
ImageUrl	خيط		عنوان URL للصور في الصفحة المشتركة.
عرض النافذة	رقم	660	عرض نافذة مفتوح.
Windowheight	رقم	460	ارتفاع النافذة.
Blanktarget	منطقية	خطأ شنيع	افتح نافذة مشاركة في علامة تبويب جديدة إذا تم ضبطها على `true` .

الدعائم Mailruicon

؟ LiveJournal

؟شفرة

 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

الدعائم	يكتب	تقصير	وصف	مطلوب
أطفال	العقدة		رد فعل مكون ، عنصر HTML أو السلسلة.	✅
عنوان URL	خيط		عنوان URL للصفحة المشتركة.	✅
عنوان	خيط		عنوان الصفحة المشتركة.
وصف	خيط		وصف الصفحة المشتركة.
عرض النافذة	رقم	660	عرض نافذة مفتوح.
Windowheight	رقم	460	ارتفاع النافذة.
Blanktarget	منطقية	خطأ شنيع	افتح نافذة مشاركة في علامة تبويب جديدة إذا تم ضبطها على `true` .

الدعائم LiveJournalicon

؟ مكان العمل

؟شفرة

 import {
  WorkplaceShareButton ,
  WorkplaceIcon ,
} from 'next-share'

< WorkplaceShareButton
  url = { 'https://github.com/next-share' }
  quote = { 'Next Share' }
>
  < WorkplaceIcon size = { 32 } round />
</ WorkplaceShareButton >

WorkPlaceshareButton الدعائم

الدعائم	يكتب	تقصير	وصف	مطلوب
أطفال	العقدة		رد فعل مكون ، عنصر HTML أو السلسلة.	✅
عنوان URL	خيط		عنوان URL للصفحة المشتركة.	✅
يقتبس	خيط
الوسم	خيط
عرض النافذة	رقم	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 الدعائم

الدعائم	يكتب	تقصير	وصف	مطلوب
أطفال	العقدة		رد فعل مكون ، عنصر HTML أو السلسلة.	✅
عنوان URL	خيط		عنوان URL للصفحة المشتركة.	✅
عنوان	خيط		عنوان الصفحة المشتركة. لاحظ أنه إذا اكتشف Pocket علامة عنوان على الصفحة التي يتم حفظها ، فسيتم تجاهل هذه المعلمة وسيتم استخدام علامة العنوان الخاصة بالصفحة المحفوظة بدلاً من ذلك.
عرض النافذة	رقم	500	عرض نافذة مفتوح.
Windowheight	رقم	500	ارتفاع النافذة.
Blanktarget	منطقية	خطأ شنيع	افتح نافذة مشاركة في علامة تبويب جديدة إذا تم ضبطها على `true` .

الدعائم pocketicon

؟ Instapaper

؟شفرة

 import {
  InstapaperShareButton ,
  InstapaperIcon ,
} from 'next-share'

< InstapaperShareButton
  url = { 'https://github.com/next-share' }
  title = { 'Next Share' }
>
  < InstapaperIcon size = { 32 } round />
</ InstapaperShareButton >

الدعائم InstapapershareButton

الدعائم	يكتب	تقصير	وصف	مطلوب
أطفال	العقدة		رد فعل مكون ، عنصر HTML أو السلسلة.	✅
عنوان URL	خيط		عنوان URL للصفحة المشتركة.	✅
عنوان	خيط		عنوان الصفحة المشتركة.
وصف	خيط		وصف الصفحة المشتركة.
عرض النافذة	رقم	500	عرض نافذة مفتوح.
Windowheight	رقم	500	ارتفاع النافذة.
Blanktarget	منطقية	خطأ شنيع	افتح نافذة مشاركة في علامة تبويب جديدة إذا تم ضبطها على `true` .

الدعائم Instapapericon

؟ هاتينا

؟شفرة

 import {
  HatenaShareButton ,
  HatenaIcon ,
} from 'next-share'

< HatenaShareButton
  url = { 'https://github.com/next-share' }
  title = { 'Next Share' }
>
  < HatenaIcon size = { 32 } round />
</ HatenaShareButton >

الدعائم Hatenasharebutton

الدعائم	يكتب	تقصير	وصف	مطلوب
أطفال	العقدة		رد فعل مكون ، عنصر HTML أو السلسلة.	✅
عنوان URL	خيط		عنوان URL للصفحة المشتركة.	✅
عنوان	خيط		عنوان الصفحة المشتركة.
عرض النافذة	رقم	660	عرض نافذة مفتوح.
Windowheight	رقم	460	ارتفاع النافذة.
Blanktarget	منطقية	خطأ شنيع	افتح نافذة مشاركة في علامة تبويب جديدة إذا تم ضبطها على `true` .

الدعائم Hatenaicon

؟ Facebookmessenger

؟شفرة

 import {
  FacebookMessengerShareButton ,
  FacebookMessengerIcon ,
} from 'next-share'

< FacebookMessengerShareButton
  url = { 'https://github.com/next-share' }
  appId = { '' }
>
  < FacebookMessengerIcon size = { 32 } round />
</ FacebookMessengerShareButton >

Facebookmessengersharebutton الدعائم

الدعائم	يكتب	تقصير	وصف	مطلوب
أطفال	العقدة		رد فعل مكون ، عنصر HTML أو السلسلة.	✅
عنوان URL	خيط		عنوان URL للصفحة المشتركة.	✅
appid	خيط		معرف تطبيق Facebook.	✅
إعادة توجيه	خيط		عنوان URL لإعادة توجيهه بعد المشاركة (الافتراضي: عنوان URL المشترك).
ل	خيط		معرف المستخدم للمستلم. بمجرد ظهور مربع الحوار ، يمكن للمرسل تحديد أشخاص إضافيين كمتلقين.
عرض النافذة	رقم	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 >

البريد الإلكتروني props الدعائم

الدعائم	يكتب	تقصير	وصف	مطلوب
أطفال	العقدة		رد فعل مكون ، عنصر HTML أو السلسلة.	✅
عنوان URL	خيط		عنوان URL للصفحة المشتركة.	✅
موضوع	خيط
جسم	خيط
فاصل	خيط
Blanktarget	منطقية	خطأ شنيع	افتح نافذة مشاركة في علامة تبويب جديدة إذا تم ضبطها على `true` .

Props Emailicon

؟ غاب

؟شفرة

 import {
  GabShareButton ,
  GabIcon ,
} from 'next-share'

< GabShareButton
  url = { 'https://github.com/next-share' }
  title = { 'Next Share' }
>
  < GabIcon size = { 32 } round />
</ GabShareButton >

الدعائم GabshareButton

الدعائم	يكتب	تقصير	وصف	مطلوب
أطفال	العقدة		رد فعل مكون ، عنصر HTML أو السلسلة.	✅
عنوان URL	خيط		عنوان URL للصفحة المشتركة.	✅
عنوان	خيط		عنوان الصفحة المشتركة.
عرض النافذة	رقم	660	عرض نافذة مفتوح.
Windowheight	رقم	640	ارتفاع النافذة.

الدعائم Gabicon

الرموز الدعائم

الدعائم	يكتب	تقصير	وصف
مقاس	رقم		حجم الرمز في وحدات البكسل.
دائري	منطقية		عرض جولة أو مستطيل.
الحدود	رقم		تعيين زوايا مستديرة إذا كنت تستخدم أيقونة مستديرة.
bgstyle	هدف		تخصيص نمط الخلفية.
IconfillColor	خيط	`white`	تخصيص لون أيقونة ملء.
Blanktarget	منطقية	خطأ شنيع	افتح نافذة مشاركة في علامة تبويب جديدة إذا تم ضبطها على `true` .

استخدام ShareCount

؟ فيسبوك

؟شفرة

 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 للصفحة المشتركة.	✅
appid	خيط	معرف تطبيق Facebook.	✅
AppSecret	خيط	تطبيق Facebook Secret.	✅
أطفال	العقدة	رد فعل مكون ، عنصر 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

الدعائم	يكتب	تقصير	وصف	مطلوب
عنوان URL	خيط		عنوان URL للصفحة المشتركة.	✅
أطفال	العقدة		رد فعل مكون ، عنصر 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 >

الدعائم OKShareCount

الدعائم	يكتب	تقصير	وصف	مطلوب
عنوان URL	خيط		عنوان URL للصفحة المشتركة.	✅
أطفال	العقدة		رد فعل مكون ، عنصر HTML أو السلسلة.

؟ بينتيريست

؟شفرة

 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 الدعائم

الدعائم	يكتب	تقصير	وصف	مطلوب
عنوان URL	خيط		عنوان URL للصفحة المشتركة.	✅
أطفال	العقدة		رد فعل مكون ، عنصر HTML أو السلسلة.

؟ نعرفكم

؟شفرة

 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 الدعائم

الدعائم	يكتب	تقصير	وصف	مطلوب
عنوان URL	خيط		عنوان URL للصفحة المشتركة.	✅
أطفال	العقدة		رد فعل مكون ، عنصر 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 للصفحة المشتركة.	✅
أطفال	العقدة		رد فعل مكون ، عنصر 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'

الدعائم

الدعائم	يكتب	تقصير	وصف
مقاس	رقم		حجم الرمز في وحدات البكسل.
دائري	منطقية		سواء كان لإظهار الرموز المستقيمة أو المستقيم.
الحدود	رقم		السماح الزوايا المستديرة إذا كنت تستخدم أيقونات المستقيم.
bgstyle	هدف		تخصيص الخلفية.
IconfillColor	خيط	`white`	تخصيص لون أيقونة ملء.

Changelog

أحدث إصدار 0.27.0 (2023-09-28):

ترقية Twittericon

يتم توثيق تغييرات التفاصيل لكل إصدار في changelog.md.

؟ اختتم

إذا كنت تعتقد أنه يمكن تحسين أي من next-share ، فيرجى فتح العلاقات العامة مع أي تحديثات وتقديم أي مشكلات. أيضًا ، سأستمر في تحسين هذا ، لذلك قد ترغب في مشاهدة/نجمة هذا المستودع لإعادة النظر.