Bintang berikutnya
Tombol berbagi media sosial untuk aplikasi React Anda berikutnya.
? Fitur
- Tidak ada dependensi
- Kompatibel dengan javascript dan naskah
- Bagikan tombol untuk aplikasi React Anda berikutnya
- Facebook
- Garis
- Pinterest
- Reddit
- Telegram
- Tumblr
- Twitter
- Viber
- Weibo
- Whatsapp
- LinkedIn
- Vkshare
- Mailru
- LiveJournal
- Tempat kerja
- Saku
- Instapaper
- Hatena
- FacebookMessenger
- E-mail
- Mengobrol
- Bagikan Hitungan
- FacebookSharecount
- Hatenasharecount
- Oksharecount
- PinterestShareCount
- Tumblrsharecount
- Vksharecount
- Ikon
? Memasang
Next-Share tersedia di NPM. Itu dapat diinstal dengan perintah berikut:
npm install next-share --save
Next-Share juga tersedia di benang. Itu dapat diinstal dengan perintah berikut:
yarn add next-share --save
Penggunaan Sharebutton
? Facebook
? kode
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 > Props FacebookSharebutton
| Alat peraga | Jenis | Bawaan | Keterangan | Diperlukan |
|---|
| anak-anak | node | | Komponen Bereaksi, Elemen atau String HTML. | ✅ |
| url | rangkaian | | URL halaman bersama. | ✅ |
| mengutip | rangkaian | | Kutipan untuk dibagikan. | |
| tanda pagar | rangkaian | | Tagar untuk dibagikan. | |
| windowwidth | nomor | 550 | Lebar jendela yang dibuka. | |
| windowheight | nomor | 400 | Tinggi jendela yang dibuka. | |
| BlankTarget | Boolean | PALSU | Buka jendela Bagikan di tab baru jika diatur ke true . | |
Props Facebookicon
? Garis
? kode
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 > Props Linesharebutton
| Alat peraga | Jenis | Bawaan | Keterangan | Diperlukan |
|---|
| anak-anak | node | | Komponen Bereaksi, Elemen atau String HTML. | ✅ |
| url | rangkaian | | URL halaman bersama. | ✅ |
| judul | rangkaian | | Judul halaman bersama. | |
| windowwidth | nomor | 500 | Lebar jendela yang dibuka. | |
| windowheight | nomor | 500 | Tinggi jendela yang dibuka. | |
| BlankTarget | Boolean | PALSU | Buka jendela Bagikan di tab baru jika diatur ke true . | |
Alat peraga lineicon
? Pinterest
? kode
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 Props
| Alat peraga | Jenis | Bawaan | Keterangan | Diperlukan |
|---|
| anak-anak | node | | Komponen Bereaksi, Elemen atau String HTML. | ✅ |
| url | rangkaian | | URL halaman bersama. | ✅ |
| media | rangkaian | | URL gambar yang akan disematkan. | ✅ |
| keterangan | rangkaian | | Deskripsi media bersama. | |
| windowwidth | nomor | 1000 | Lebar jendela yang dibuka. | |
| windowheight | nomor | 730 | Tinggi jendela yang dibuka. | |
| BlankTarget | Boolean | PALSU | Buka jendela Bagikan di tab baru jika diatur ke true . | |
Props Pintereston
? Reddit
? kode
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 > Props Redditsharebutton
| Alat peraga | Jenis | Bawaan | Keterangan | Diperlukan |
|---|
| anak-anak | node | | Komponen Bereaksi, Elemen atau String HTML. | ✅ |
| url | rangkaian | | URL halaman bersama. | ✅ |
| judul | rangkaian | | Judul halaman bersama. | |
| windowwidth | nomor | 660 | Lebar jendela yang dibuka. | |
| windowheight | nomor | 460 | Tinggi jendela yang dibuka. | |
| BlankTarget | Boolean | PALSU | Buka jendela Bagikan di tab baru jika diatur ke true . | |
Props Redditicon
? Telegram
? kode
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 > Props Telegramsharebutton
| Alat peraga | Jenis | Bawaan | Keterangan | Diperlukan |
|---|
| anak-anak | node | | Komponen Bereaksi, Elemen atau String HTML. | ✅ |
| url | rangkaian | | URL halaman bersama. | ✅ |
| judul | rangkaian | | Judul halaman bersama. | |
| windowwidth | nomor | 550 | Lebar jendela yang dibuka. | |
| windowheight | nomor | 400 | Tinggi jendela yang dibuka. | |
| BlankTarget | Boolean | PALSU | Buka jendela Bagikan di tab baru jika diatur ke true . | |
Alat peraga telegramikon
? Tumblr
? kode
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 > Props Tumblrsharebutton
| Alat peraga | Jenis | Bawaan | Keterangan | Diperlukan |
|---|
| anak-anak | node | | Komponen Bereaksi, Elemen atau String HTML. | ✅ |
| url | rangkaian | | URL halaman bersama. | ✅ |
| judul | rangkaian | | Judul halaman bersama. | |
| tag | Array<string> | | | |
| keterangan | rangkaian | | Deskripsi halaman bersama. | |
| posttype | rangkaian | link | | |
| windowwidth | nomor | 660 | Lebar jendela yang dibuka. | |
| windowheight | nomor | 460 | Tinggi jendela yang dibuka. | |
| BlankTarget | Boolean | PALSU | Buka jendela Bagikan di tab baru jika diatur ke true . | |
Alat peraga tumblricon
? Twitter
? kode
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 > Props Twittersharebutton
| Alat peraga | Jenis | Bawaan | Keterangan | Diperlukan |
|---|
| anak-anak | node | | Komponen Bereaksi, Elemen atau String HTML. | ✅ |
| url | rangkaian | | URL halaman bersama. | ✅ |
| judul | rangkaian | | Judul halaman bersama. | |
| melalui | rangkaian | | | |
| tagar | array | | | |
| terkait | array | | | |
| windowwidth | nomor | 550 | Lebar jendela yang dibuka. | |
| windowheight | nomor | 400 | Tinggi jendela yang dibuka. | |
| BlankTarget | Boolean | PALSU | Buka jendela Bagikan di tab baru jika diatur ke true . | |
Alat peraga Twittericon
? Viber
? kode
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 > Props Vibersharebutton
| Alat peraga | Jenis | Bawaan | Keterangan | Diperlukan |
|---|
| anak-anak | node | | Komponen Bereaksi, Elemen atau String HTML. | ✅ |
| url | rangkaian | | URL halaman bersama. | ✅ |
| judul | rangkaian | | Judul halaman bersama. | |
| pemisah | | | | |
| windowwidth | nomor | 660 | Lebar jendela yang dibuka. | |
| windowheight | nomor | 460 | Tinggi jendela yang dibuka. | |
| BlankTarget | Boolean | PALSU | Buka jendela Bagikan di tab baru jika diatur ke true . | |
Alat peraga vibericon
? Weibo
? kode
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 > Props Weibosharebutton
| Alat peraga | Jenis | Bawaan | Keterangan | Diperlukan |
|---|
| anak-anak | node | | Komponen Bereaksi, Elemen atau String HTML. | ✅ |
| url | rangkaian | | URL halaman bersama. | ✅ |
| judul | rangkaian | | Judul halaman bersama. | |
| gambar | rangkaian | | URL gambar yang akan dibagikan. | |
| windowwidth | nomor | 660 | Lebar jendela yang dibuka. | |
| windowheight | nomor | 550 | Tinggi jendela yang dibuka. | |
| BlankTarget | Boolean | PALSU | Buka jendela Bagikan di tab baru jika diatur ke true . | |
Alat peraga Weiboicon
? Whatsapp
? kode
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 > Alat peraga whatsappsharebutton
| Alat peraga | Jenis | Bawaan | Keterangan | Diperlukan |
|---|
| anak-anak | node | | Komponen Bereaksi, Elemen atau String HTML. | ✅ |
| url | rangkaian | | URL halaman bersama. | ✅ |
| judul | rangkaian | | Judul halaman bersama. | |
| pemisah | rangkaian | | | |
| windowwidth | nomor | 550 | Lebar jendela yang dibuka. | |
| windowheight | nomor | 400 | Tinggi jendela yang dibuka. | |
| BlankTarget | Boolean | PALSU | Buka jendela Bagikan di tab baru jika diatur ke true . | |
Alat peraga whatsappicon
? LinkedIn
? kode
import {
LinkedinShareButton ,
LinkedinIcon ,
} from 'next-share'
< LinkedinShareButton url = { 'https://github.com/next-share' } >
< LinkedinIcon size = { 32 } round />
</ LinkedinShareButton > Props LinkedIssharebutton
| Alat peraga | Jenis | Bawaan | Keterangan | Diperlukan |
|---|
| anak-anak | node | | Komponen Bereaksi, Elemen atau String HTML. | ✅ |
| url | rangkaian | | URL halaman bersama. | ✅ |
| windowwidth | nomor | 750 | Lebar jendela yang dibuka. | |
| windowheight | nomor | 600 | Tinggi jendela yang dibuka. | |
| BlankTarget | Boolean | PALSU | Buka jendela Bagikan di tab baru jika diatur ke true . | |
Bagaimana Anda menggunakan hal -hal seperti title , summary , dll.?
Gunakan tag og di blok <head> HTML.
< meta property =' og:image ' content ='' />
< meta property =' og:title ' content ='' />
< meta property =' og:description ' content ='' />
Props Linkedinicon
? VK
? kode
import {
VKShareButton ,
VKIcon ,
} from 'next-share'
< VKShareButton
url = { 'https://github.com/next-share' }
image = { './next-share.png' }
>
< VKIcon size = { 32 } round />
</ VKShareButton > Props vksharebutton
| Alat peraga | Jenis | Bawaan | Keterangan | Diperlukan |
|---|
| anak-anak | node | | Komponen Bereaksi, Elemen atau String HTML. | ✅ |
| url | rangkaian | | URL halaman bersama. | ✅ |
| judul | rangkaian | | Judul halaman bersama. | |
| gambar | rangkaian | | Tautan absolut ke gambar yang akan dibagikan. | |
| noparse | Boolean | | Jika benar dilewatkan, VK tidak akan mengambil informasi URL. | |
| Novklinks | Boolean | | Jika benar dilewatkan, tidak akan ada tautan ke profil pengguna di jendela terbuka. Hanya untuk perangkat seluler. | |
| windowwidth | nomor | 660 | Lebar jendela yang dibuka. | |
| windowheight | nomor | 460 | Tinggi jendela yang dibuka. | |
| BlankTarget | Boolean | PALSU | Buka jendela Bagikan di tab baru jika diatur ke true . | |
Props vkicon
? Mailru
? kode
import {
MailruShareButton ,
MailruIcon ,
} from 'next-share'
< MailruShareButton
url = { 'https://github.com/next-share' }
title = { 'Next Share' }
>
< MailruIcon size = { 32 } round />
</ MailruShareButton > Mailrusharebutton Props
| Alat peraga | Jenis | Bawaan | Keterangan | Diperlukan |
|---|
| anak-anak | node | | Komponen Bereaksi, Elemen atau String HTML. | ✅ |
| url | rangkaian | | URL halaman bersama. | ✅ |
| judul | rangkaian | | Judul halaman bersama. | |
| keterangan | rangkaian | | Deskripsi halaman bersama. | |
| ImageUrl | rangkaian | | URL gambar dari halaman bersama. | |
| windowwidth | nomor | 660 | Lebar jendela yang dibuka. | |
| windowheight | nomor | 460 | Tinggi jendela yang dibuka. | |
| BlankTarget | Boolean | PALSU | Buka jendela Bagikan di tab baru jika diatur ke true . | |
Alat peraga Mailruicon
? LiveJournal
? kode
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 Props
| Alat peraga | Jenis | Bawaan | Keterangan | Diperlukan |
|---|
| anak-anak | node | | Komponen Bereaksi, Elemen atau String HTML. | ✅ |
| url | rangkaian | | URL halaman bersama. | ✅ |
| judul | rangkaian | | Judul halaman bersama. | |
| keterangan | rangkaian | | Deskripsi halaman bersama. | |
| windowwidth | nomor | 660 | Lebar jendela yang dibuka. | |
| windowheight | nomor | 460 | Tinggi jendela yang dibuka. | |
| BlankTarget | Boolean | PALSU | Buka jendela Bagikan di tab baru jika diatur ke true . | |
LiveJournalicon Props
? Tempat kerja
? kode
import {
WorkplaceShareButton ,
WorkplaceIcon ,
} from 'next-share'
< WorkplaceShareButton
url = { 'https://github.com/next-share' }
quote = { 'Next Share' }
>
< WorkplaceIcon size = { 32 } round />
</ WorkplaceShareButton > Props WorkPlacesharebutton
| Alat peraga | Jenis | Bawaan | Keterangan | Diperlukan |
|---|
| anak-anak | node | | Komponen Bereaksi, Elemen atau String HTML. | ✅ |
| url | rangkaian | | URL halaman bersama. | ✅ |
| mengutip | rangkaian | | | |
| tanda pagar | rangkaian | | | |
| windowwidth | nomor | 550 | Lebar jendela yang dibuka. | |
| windowheight | nomor | 400 | Tinggi jendela yang dibuka. | |
| BlankTarget | Boolean | PALSU | Buka jendela Bagikan di tab baru jika diatur ke true . | |
Alat peraga tempat kerja
? Saku
? kode
import {
PocketShareButton ,
PocketIcon ,
} from 'next-share'
< PocketShareButton
url = { 'https://github.com/next-share' }
title = { 'Next Share' }
>
< PocketIcon size = { 32 } round />
</ PocketShareButton > Props PocketSharebutton
| Alat peraga | Jenis | Bawaan | Keterangan | Diperlukan |
|---|
| anak-anak | node | | Komponen Bereaksi, Elemen atau String HTML. | ✅ |
| url | rangkaian | | URL halaman bersama. | ✅ |
| judul | rangkaian | | Judul halaman bersama. Perhatikan bahwa jika saku mendeteksi tag judul pada halaman yang disimpan, parameter ini akan diabaikan dan tag judul halaman yang disimpan akan digunakan sebagai gantinya. | |
| windowwidth | nomor | 500 | Lebar jendela yang dibuka. | |
| windowheight | nomor | 500 | Tinggi jendela yang dibuka. | |
| BlankTarget | Boolean | PALSU | Buka jendela Bagikan di tab baru jika diatur ke true . | |
Props Pocketicon
? Instapaper
? kode
import {
InstapaperShareButton ,
InstapaperIcon ,
} from 'next-share'
< InstapaperShareButton
url = { 'https://github.com/next-share' }
title = { 'Next Share' }
>
< InstapaperIcon size = { 32 } round />
</ InstapaperShareButton > Inspapersharebutton Props
| Alat peraga | Jenis | Bawaan | Keterangan | Diperlukan |
|---|
| anak-anak | node | | Komponen Bereaksi, Elemen atau String HTML. | ✅ |
| url | rangkaian | | URL halaman bersama. | ✅ |
| judul | rangkaian | | Judul halaman bersama. | |
| keterangan | rangkaian | | Deskripsi halaman bersama. | |
| windowwidth | nomor | 500 | Lebar jendela yang dibuka. | |
| windowheight | nomor | 500 | Tinggi jendela yang dibuka. | |
| BlankTarget | Boolean | PALSU | Buka jendela Bagikan di tab baru jika diatur ke true . | |
Instapapericon Props
? Hatena
? kode
import {
HatenaShareButton ,
HatenaIcon ,
} from 'next-share'
< HatenaShareButton
url = { 'https://github.com/next-share' }
title = { 'Next Share' }
>
< HatenaIcon size = { 32 } round />
</ HatenaShareButton > Props Hatenasharebutton
| Alat peraga | Jenis | Bawaan | Keterangan | Diperlukan |
|---|
| anak-anak | node | | Komponen Bereaksi, Elemen atau String HTML. | ✅ |
| url | rangkaian | | URL halaman bersama. | ✅ |
| judul | rangkaian | | Judul halaman bersama. | |
| windowwidth | nomor | 660 | Lebar jendela yang dibuka. | |
| windowheight | nomor | 460 | Tinggi jendela yang dibuka. | |
| BlankTarget | Boolean | PALSU | Buka jendela Bagikan di tab baru jika diatur ke true . | |
Props Hatenaicon
? FacebookMessenger
? kode
import {
FacebookMessengerShareButton ,
FacebookMessengerIcon ,
} from 'next-share'
< FacebookMessengerShareButton
url = { 'https://github.com/next-share' }
appId = { '' }
>
< FacebookMessengerIcon size = { 32 } round />
</ FacebookMessengerShareButton > Props FacebookMessengersharebutton
| Alat peraga | Jenis | Bawaan | Keterangan | Diperlukan |
|---|
| anak-anak | node | | Komponen Bereaksi, Elemen atau String HTML. | ✅ |
| url | rangkaian | | URL halaman bersama. | ✅ |
| appid | rangkaian | | ID Aplikasi Facebook. | ✅ |
| Redirectur | rangkaian | | URL untuk dialihkan ke setelah berbagi (default: URL bersama). | |
| ke | rangkaian | | ID pengguna penerima. Setelah dialog muncul, pengirim dapat menentukan orang tambahan sebagai penerima. | |
| windowwidth | nomor | 1000 | Lebar jendela yang dibuka. | |
| windowheight | nomor | 820 | Tinggi jendela yang dibuka. | |
| BlankTarget | Boolean | PALSU | Buka jendela Bagikan di tab baru jika diatur ke true . | |
Props FacebookMessengengericon
? E-mail
? kode
import {
EmailShareButton ,
EmailIcon ,
} from 'next-share'
< EmailShareButton
url = { 'https://github.com/next-share' }
subject = { 'Next Share' }
body = "body"
>
< EmailIcon size = { 32 } round />
</ EmailShareButton > Alat peraga emailSharebutton
| Alat peraga | Jenis | Bawaan | Keterangan | Diperlukan |
|---|
| anak-anak | node | | Komponen Bereaksi, Elemen atau String HTML. | ✅ |
| url | rangkaian | | URL halaman bersama. | ✅ |
| subjek | rangkaian | | | |
| tubuh | rangkaian | | | |
| pemisah | rangkaian | | | |
| BlankTarget | Boolean | PALSU | Buka jendela Bagikan di tab baru jika diatur ke true . | |
Alat peraga emailicon
? Mengobrol
? kode
import {
GabShareButton ,
GabIcon ,
} from 'next-share'
< GabShareButton
url = { 'https://github.com/next-share' }
title = { 'Next Share' }
>
< GabIcon size = { 32 } round />
</ GabShareButton > Props Gabsharebutton
| Alat peraga | Jenis | Bawaan | Keterangan | Diperlukan |
|---|
| anak-anak | node | | Komponen Bereaksi, Elemen atau String HTML. | ✅ |
| url | rangkaian | | URL halaman bersama. | ✅ |
| judul | rangkaian | | Judul halaman bersama. | |
| windowwidth | nomor | 660 | Lebar jendela yang dibuka. | |
| windowheight | nomor | 640 | Tinggi jendela yang dibuka. | |
Alat peraga Gabicon
Ikon alat peraga
| Alat peraga | Jenis | Bawaan | Keterangan | Diperlukan |
|---|
| ukuran | nomor | | Ukuran ikon dalam piksel. | |
| bulat | Boolean | | Tunjukkan bulat atau persegi panjang. | |
| Borderradius | nomor | | Atur sudut bulat jika menggunakan ikon bundar. | |
| Bgstyle | obyek | | Kustomisasi Gaya Latar Belakang. | |
| IconfillColor | rangkaian | white | Kustomisasi Ikon Isi Warna. | |
| BlankTarget | Boolean | PALSU | Buka jendela Bagikan di tab baru jika diatur ke true . | |
Penggunaan ShareCount
? Facebook
? kode
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 > Props FacebookSharecount
| Alat peraga | Jenis | Bawaan | Keterangan | Diperlukan |
|---|
| url | rangkaian | | URL halaman bersama. | ✅ |
| appid | rangkaian | | ID Aplikasi Facebook. | ✅ |
| Aplikasi | rangkaian | | Rahasia Aplikasi Facebook. | ✅ |
| anak-anak | node | | Komponen Bereaksi, Elemen atau String HTML. | |
? Hatena
? kode
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 > Props Hatenasharecount
| Alat peraga | Jenis | Bawaan | Keterangan | Diperlukan |
|---|
| url | rangkaian | | URL halaman bersama. | ✅ |
| anak-anak | node | | Komponen Bereaksi, Elemen atau String HTML. | |
? OKE
? kode
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 alat peraga
| Alat peraga | Jenis | Bawaan | Keterangan | Diperlukan |
|---|
| url | rangkaian | | URL halaman bersama. | ✅ |
| anak-anak | node | | Komponen Bereaksi, Elemen atau String HTML. | |
? Pinterest
? kode
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 Props
| Alat peraga | Jenis | Bawaan | Keterangan | Diperlukan |
|---|
| url | rangkaian | | URL halaman bersama. | ✅ |
| anak-anak | node | | Komponen Bereaksi, Elemen atau String HTML. | |
? Tumblr
? kode
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 > Alat peraga TumblrshareCount
| Alat peraga | Jenis | Bawaan | Keterangan | Diperlukan |
|---|
| url | rangkaian | | URL halaman bersama. | ✅ |
| anak-anak | node | | Komponen Bereaksi, Elemen atau String HTML. | |
? VK
? kode
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 > Props vksharecount
| Alat peraga | Jenis | Bawaan | Keterangan | Diperlukan |
|---|
| url | rangkaian | | URL halaman bersama. | ✅ |
| anak-anak | node | | Komponen Bereaksi, Elemen atau String HTML. | |
Penggunaan ikon
? kode
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' Alat peraga
| Alat peraga | Jenis | Bawaan | Keterangan | Diperlukan |
|---|
| ukuran | nomor | | Ukuran ikon dalam piksel. | |
| bulat | Boolean | | Apakah akan menampilkan ikon bulat atau rect. | |
| Borderradius | nomor | | Izinkan sudut bulat jika menggunakan ikon Rect. | |
| Bgstyle | obyek | | Kustomisasi latar belakang. | |
| IconfillColor | rangkaian | white | Kustomisasi Ikon Isi Warna. | |
Changelog
Versi Terbaru 0.27.0 (2023-09-28):
Perubahan detail untuk setiap rilis didokumentasikan dalam changelog.md.
? Menyelesaikan
Jika Anda berpikir salah satu next-share dapat ditingkatkan, silakan buka PR dengan pembaruan apa pun dan kirimkan masalah apa pun. Juga, saya akan terus meningkatkan ini, jadi Anda mungkin ingin menonton/membintangi repositori ini untuk ditinjau kembali.
? Kontribusi
Kami ingin memiliki bantuan Anda tentang kontribusi ke next-share dengan bercabang dan mengirimkan permintaan tarik!
Kontribusi Anda dengan sungguh -sungguh ♡ disambut, diakui dan dihargai. (✿◠‿◠)
Bagaimana berkontribusi:
- Buka permintaan tarik dengan perbaikan
- Diskusikan Gagasan dalam Masalah
- Sebarkan berita
- Jangkau dengan umpan balik apa pun
Kontributor
Bunlong | Arturs Kirtovskis | Sean | Steve Scavo | Maddy Miller | Joe McBroom |
Lena Kotlyar |
? ?? Iklan
Anda mungkin tertarik.
- Pola Bereaksi - Pola & Teknik Bereaksi untuk Digunakan dalam Pengembangan untuk Pengembang React.
- React Papaparse-Parser CSV (atau Teks Delimited) yang tercepat untuk bereaksi.
- Next Qrcode - React Hooks untuk menghasilkan kode QR untuk aplikasi React Anda berikutnya.
- Berikutnya waktu yang lalu-komponen waktu kecil yang ringan untuk aplikasi React Anda berikutnya.
⚖️ Lisensi
Lisensi MIT