Startseite>Programmierbezogen>AI-Quellcode
Herunterladen

Nächste Share

Social Media teilen Schaltflächen für Ihre nächsten React -Apps.

? Merkmale

  • Keine Abhängigkeiten
  • Kompatibel mit JavaScript und TypeScript
  • Teilen Sie Schaltflächen für Ihre nächste React -App
    • Facebook
    • Linie
    • Pinterest
    • Reddit
    • Telegramm
    • Tumblr
    • Twitter
    • Viber
    • Weibo
    • WhatsApp
    • LinkedIn
    • Vkshare
    • Mailru
    • LiveJournal
    • Arbeitsplatz
    • Tasche
    • Instapaper
    • Hatena
    • FacebookMessenger
    • E-Mail
    • Gab
  • Aktienzählungen
    • FacebookSharecount
    • Hassenasharecount
    • Oksharecount
    • Pinterestsharecount
    • Tumblrsharecount
    • Vksharecount
  • Ikonen

? Installieren

Der nächste Share ist auf NPM erhältlich. Es kann mit dem folgenden Befehl installiert werden: 

 npm install next-share --save

Der nächste Share ist auch auf Garn erhältlich. Es kann mit dem folgenden Befehl installiert werden: 

 yarn add next-share --save

Nutzung von ShareButton

? Facebook

? ‍ Code 

 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 >

Facebook -Sharebutton -Requisiten

Requisiten Typ Standard Beschreibung Erforderlich
Kinder Knoten Reagieren Sie Komponente, HTML -Element oder Zeichenfolge. ✅
URL Saite Die URL der gemeinsam genutzten Seite. ✅
Zitat Saite Ein Zitat zu teilen.
Hashtag Saite Hashtag zu teilen.
Fensterbreite Nummer 550 Geöffnete Fensterbreite.
Fensterheight Nummer 400 Geöffnete Fensterhöhe.
BlankTarget boolean FALSCH Öffnen Sie das Share -Fenster in einer neuen Registerkarte, wenn Sie auf true gesetzt sind.

Facebook -Requisiten

? Linie

? ‍ Code 

 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 Requisiten

Requisiten Typ Standard Beschreibung Erforderlich
Kinder Knoten Reagieren Sie Komponente, HTML -Element oder Zeichenfolge. ✅
URL Saite Die URL der gemeinsam genutzten Seite. ✅
Titel Saite Der Titel der freigegebenen Seite.
Fensterbreite Nummer 500 Geöffnete Fensterbreite.
Fensterheight Nummer 500 Geöffnete Fensterhöhe.
BlankTarget boolean FALSCH Öffnen Sie das Share -Fenster in einer neuen Registerkarte, wenn Sie auf true gesetzt sind.

Lineeicon -Requisiten

? Pinterest

? ‍ Code 

 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 -Requisiten

Requisiten Typ Standard Beschreibung Erforderlich
Kinder Knoten Reagieren Sie Komponente, HTML -Element oder Zeichenfolge. ✅
URL Saite Die URL der gemeinsam genutzten Seite. ✅
Medien Saite Die Bild -URL, die festgesteckt wird. ✅
Beschreibung Saite Die Beschreibung der gemeinsam genutzten Medien.
Fensterbreite Nummer 1000 Geöffnete Fensterbreite.
Fensterheight Nummer 730 Geöffnete Fensterhöhe.
BlankTarget boolean FALSCH Öffnen Sie das Share -Fenster in einer neuen Registerkarte, wenn Sie auf true gesetzt sind.

Pinteresticon Requisiten

? Reddit

? ‍ Code 

 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 Requisiten

Requisiten Typ Standard Beschreibung Erforderlich
Kinder Knoten Reagieren Sie Komponente, HTML -Element oder Zeichenfolge. ✅
URL Saite Die URL der gemeinsam genutzten Seite. ✅
Titel Saite Der Titel der freigegebenen Seite.
Fensterbreite Nummer 660 Geöffnete Fensterbreite.
Fensterheight Nummer 460 Geöffnete Fensterhöhe.
BlankTarget boolean FALSCH Öffnen Sie das Share -Fenster in einer neuen Registerkarte, wenn Sie auf true gesetzt sind.

Redditicon Requisiten

? Telegramm

? ‍ Code 

 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 -Requisiten

Requisiten Typ Standard Beschreibung Erforderlich
Kinder Knoten Reagieren Sie Komponente, HTML -Element oder Zeichenfolge. ✅
URL Saite Die URL der gemeinsam genutzten Seite. ✅
Titel Saite Der Titel der freigegebenen Seite.
Fensterbreite Nummer 550 Geöffnete Fensterbreite.
Fensterheight Nummer 400 Geöffnete Fensterhöhe.
BlankTarget boolean FALSCH Öffnen Sie das Share -Fenster in einer neuen Registerkarte, wenn Sie auf true gesetzt sind.

Telegrammicon -Requisiten

? Tumblr

? ‍ Code 

 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 -Requisiten

Requisiten Typ Standard Beschreibung Erforderlich
Kinder Knoten Reagieren Sie Komponente, HTML -Element oder Zeichenfolge. ✅
URL Saite Die URL der gemeinsam genutzten Seite. ✅
Titel Saite Der Titel der freigegebenen Seite.
Tags Array<string>
Untertitel Saite Die Beschreibung der freigegebenen Seite.
Postyp Saite link
Fensterbreite Nummer 660 Geöffnete Fensterbreite.
Fensterheight Nummer 460 Geöffnete Fensterhöhe.
BlankTarget boolean FALSCH Öffnen Sie das Share -Fenster in einer neuen Registerkarte, wenn Sie auf true gesetzt sind.

Tumblricon -Requisiten

? Twitter

? ‍ Code 

 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 -Requisiten

Requisiten Typ Standard Beschreibung Erforderlich
Kinder Knoten Reagieren Sie Komponente, HTML -Element oder Zeichenfolge. ✅
URL Saite Die URL der gemeinsam genutzten Seite. ✅
Titel Saite Der Titel der freigegebenen Seite.
über Saite
Hashtags Array
verwandt Array
Fensterbreite Nummer 550 Geöffnete Fensterbreite.
Fensterheight Nummer 400 Geöffnete Fensterhöhe.
BlankTarget boolean FALSCH Öffnen Sie das Share -Fenster in einer neuen Registerkarte, wenn Sie auf true gesetzt sind.

Twittericon -Requisiten

? Viber

? ‍ Code 

 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 PROPS

Requisiten Typ Standard Beschreibung Erforderlich
Kinder Knoten Reagieren Sie Komponente, HTML -Element oder Zeichenfolge. ✅
URL Saite Die URL der gemeinsam genutzten Seite. ✅
Titel Saite Der Titel der freigegebenen Seite.
Separator
Fensterbreite Nummer 660 Geöffnete Fensterbreite.
Fensterheight Nummer 460 Geöffnete Fensterhöhe.
BlankTarget boolean FALSCH Öffnen Sie das Share -Fenster in einer neuen Registerkarte, wenn Sie auf true gesetzt sind.

Vibericon -Requisiten

? Weibo

? ‍ Code 

 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 Requisiten

Requisiten Typ Standard Beschreibung Erforderlich
Kinder Knoten Reagieren Sie Komponente, HTML -Element oder Zeichenfolge. ✅
URL Saite Die URL der gemeinsam genutzten Seite. ✅
Titel Saite Der Titel der freigegebenen Seite.
Bild Saite Die Bild -URL, die geteilt wird.
Fensterbreite Nummer 660 Geöffnete Fensterbreite.
Fensterheight Nummer 550 Geöffnete Fensterhöhe.
BlankTarget boolean FALSCH Öffnen Sie das Share -Fenster in einer neuen Registerkarte, wenn Sie auf true gesetzt sind.

Weiboicon Requisiten

? WhatsApp

? ‍ Code 

 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 Requisiten

Requisiten Typ Standard Beschreibung Erforderlich
Kinder Knoten Reagieren Sie Komponente, HTML -Element oder Zeichenfolge. ✅
URL Saite Die URL der gemeinsam genutzten Seite. ✅
Titel Saite Der Titel der freigegebenen Seite.
Separator Saite
Fensterbreite Nummer 550 Geöffnete Fensterbreite.
Fensterheight Nummer 400 Geöffnete Fensterhöhe.
BlankTarget boolean FALSCH Öffnen Sie das Share -Fenster in einer neuen Registerkarte, wenn Sie auf true gesetzt sind.

WhatsAppicon Requisiten

? LinkedIn

? ‍ Code 

 import {
  LinkedinShareButton ,
  LinkedinIcon ,
} from 'next-share'

< LinkedinShareButton url = { 'https://github.com/next-share' } >
  < LinkedinIcon size = { 32 } round />
</ LinkedinShareButton >

LinkedInsharebutton Requisiten

Requisiten Typ Standard Beschreibung Erforderlich
Kinder Knoten Reagieren Sie Komponente, HTML -Element oder Zeichenfolge. ✅
URL Saite Die URL der gemeinsam genutzten Seite. ✅
Fensterbreite Nummer 750 Geöffnete Fensterbreite.
Fensterheight Nummer 600 Geöffnete Fensterhöhe.
BlankTarget boolean FALSCH Öffnen Sie das Share -Fenster in einer neuen Registerkarte, wenn Sie auf true gesetzt sind.

Wie benutzt man Dinge wie title , summary usw.?

Verwenden Sie og -Tags im blockieren <head> des html. 

 < meta property =' og:image ' content ='' />
< meta property =' og:title ' content ='' />
< meta property =' og:description ' content ='' />

LinkedInicon Requisiten

? VK

? ‍ Code 

 import {
  VKShareButton ,
  VKIcon ,
} from 'next-share'

< VKShareButton
  url = { 'https://github.com/next-share' }
  image = { './next-share.png' }
>
  < VKIcon size = { 32 } round />
</ VKShareButton >

VKSHAREButton Requisiten

Requisiten Typ Standard Beschreibung Erforderlich
Kinder Knoten Reagieren Sie Komponente, HTML -Element oder Zeichenfolge. ✅
URL Saite Die URL der gemeinsam genutzten Seite. ✅
Titel Saite Der Titel der freigegebenen Seite.
Bild Saite Ein absoluter Link zu dem Bild, das gemeinsam genutzt wird.
Noparse boolean Wenn True übergeben wird, wird VK keine URL -Informationen abrufen.
Novklinks boolean Wenn True übergeben wird, gibt es keine Links zum Benutzerprofil im geöffneten Fenster. Nur für mobile Geräte.
Fensterbreite Nummer 660 Geöffnete Fensterbreite.
Fensterheight Nummer 460 Geöffnete Fensterhöhe.
BlankTarget boolean FALSCH Öffnen Sie das Share -Fenster in einer neuen Registerkarte, wenn Sie auf true gesetzt sind.

VKICON -Requisiten

? Mailru

? ‍ Code 

 import {
  MailruShareButton ,
  MailruIcon ,
} from 'next-share'

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

Mailrusharebutton -Requisiten

Requisiten Typ Standard Beschreibung Erforderlich
Kinder Knoten Reagieren Sie Komponente, HTML -Element oder Zeichenfolge. ✅
URL Saite Die URL der gemeinsam genutzten Seite. ✅
Titel Saite Der Titel der freigegebenen Seite.
Beschreibung Saite Beschreibung der freigegebenen Seite.
Imageurl Saite Bild -URL der gemeinsam genutzten Seite.
Fensterbreite Nummer 660 Geöffnete Fensterbreite.
Fensterheight Nummer 460 Geöffnete Fensterhöhe.
BlankTarget boolean FALSCH Öffnen Sie das Share -Fenster in einer neuen Registerkarte, wenn Sie auf true gesetzt sind.

Mailruicon -Requisiten

? LiveJournal

? ‍ Code 

 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 Requisiten

Requisiten Typ Standard Beschreibung Erforderlich
Kinder Knoten Reagieren Sie Komponente, HTML -Element oder Zeichenfolge. ✅
URL Saite Die URL der gemeinsam genutzten Seite. ✅
Titel Saite Der Titel der freigegebenen Seite.
Beschreibung Saite Beschreibung der freigegebenen Seite.
Fensterbreite Nummer 660 Geöffnete Fensterbreite.
Fensterheight Nummer 460 Geöffnete Fensterhöhe.
BlankTarget boolean FALSCH Öffnen Sie das Share -Fenster in einer neuen Registerkarte, wenn Sie auf true gesetzt sind.

LiveJournalicon -Requisiten

? Arbeitsplatz

? ‍ Code 

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

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

WorkPlacesharebutton -Requisiten

Requisiten Typ Standard Beschreibung Erforderlich
Kinder Knoten Reagieren Sie Komponente, HTML -Element oder Zeichenfolge. ✅
URL Saite Die URL der gemeinsam genutzten Seite. ✅
Zitat Saite
Hashtag Saite
Fensterbreite Nummer 550 Geöffnete Fensterbreite.
Fensterheight Nummer 400 Geöffnete Fensterhöhe.
BlankTarget boolean FALSCH Öffnen Sie das Share -Fenster in einer neuen Registerkarte, wenn Sie auf true gesetzt sind.

WorkPlaicon -Requisiten

? Tasche

? ‍ Code 

 import {
  PocketShareButton ,
  PocketIcon ,
} from 'next-share'

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

Pocketsharebutton Requisiten

Requisiten Typ Standard Beschreibung Erforderlich
Kinder Knoten Reagieren Sie Komponente, HTML -Element oder Zeichenfolge. ✅
URL Saite Die URL der gemeinsam genutzten Seite. ✅
Titel Saite Titel der freigegebenen Seite. Beachten Sie, dass dieser Parameter ignoriert wird, wenn Pocket auf der gespeicherten Seite einen Titel -Tag erfasst und der Titel -Tag der gespeicherten Seite stattdessen verwendet wird.
Fensterbreite Nummer 500 Geöffnete Fensterbreite.
Fensterheight Nummer 500 Geöffnete Fensterhöhe.
BlankTarget boolean FALSCH Öffnen Sie das Share -Fenster in einer neuen Registerkarte, wenn Sie auf true gesetzt sind.

Pocketicon Requisiten

? Instapaper

? ‍ Code 

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

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

Instapapersharebutton Requisiten

Requisiten Typ Standard Beschreibung Erforderlich
Kinder Knoten Reagieren Sie Komponente, HTML -Element oder Zeichenfolge. ✅
URL Saite Die URL der gemeinsam genutzten Seite. ✅
Titel Saite Titel der freigegebenen Seite.
Beschreibung Saite Beschreibung der freigegebenen Seite.
Fensterbreite Nummer 500 Geöffnete Fensterbreite.
Fensterheight Nummer 500 Geöffnete Fensterhöhe.
BlankTarget boolean FALSCH Öffnen Sie das Share -Fenster in einer neuen Registerkarte, wenn Sie auf true gesetzt sind.

Instapapericon Requisiten

? Hatena

? ‍ Code 

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

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

Hattenasharebutton Requisiten

Requisiten Typ Standard Beschreibung Erforderlich
Kinder Knoten Reagieren Sie Komponente, HTML -Element oder Zeichenfolge. ✅
URL Saite Die URL der gemeinsam genutzten Seite. ✅
Titel Saite Titel der freigegebenen Seite.
Fensterbreite Nummer 660 Geöffnete Fensterbreite.
Fensterheight Nummer 460 Geöffnete Fensterhöhe.
BlankTarget boolean FALSCH Öffnen Sie das Share -Fenster in einer neuen Registerkarte, wenn Sie auf true gesetzt sind.

Hatenaicon Requisiten

? FacebookMessenger

? ‍ Code 

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

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

FacebookMessengersharebutton Requisiten

Requisiten Typ Standard Beschreibung Erforderlich
Kinder Knoten Reagieren Sie Komponente, HTML -Element oder Zeichenfolge. ✅
URL Saite Die URL der gemeinsam genutzten Seite. ✅
Appid Saite Facebook -Anwendungs -ID. ✅
umleiten Saite Die URL, um nach der Freigabe umzuleiten (Standard: die freigegebene URL).
Zu Saite Eine Benutzer -ID eines Empfängers. Sobald der Dialog erfolgt, kann der Absender zusätzliche Personen als Empfänger angeben.
Fensterbreite Nummer 1000 Geöffnete Fensterbreite.
Fensterheight Nummer 820 Geöffnete Fensterhöhe.
BlankTarget boolean FALSCH Öffnen Sie das Share -Fenster in einer neuen Registerkarte, wenn Sie auf true gesetzt sind.

FacebookMessgericon Requisiten

? E-Mail

? ‍ Code 

 import {
  EmailShareButton ,
  EmailIcon ,
} from 'next-share'

< EmailShareButton
  url = { 'https://github.com/next-share' }
  subject = { 'Next Share' }
  body = "body"
>
  < EmailIcon size = { 32 } round />
</ EmailShareButton >

E -MailSharebutton -Requisiten

Requisiten Typ Standard Beschreibung Erforderlich
Kinder Knoten Reagieren Sie Komponente, HTML -Element oder Zeichenfolge. ✅
URL Saite Die URL der gemeinsam genutzten Seite. ✅
Thema Saite
Körper Saite
Separator Saite
BlankTarget boolean FALSCH Öffnen Sie das Share -Fenster in einer neuen Registerkarte, wenn Sie auf true gesetzt sind.

E -Mailicon -Requisiten

? Gab

? ‍ Code 

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

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

Gabsharebutton Requisiten

Requisiten Typ Standard Beschreibung Erforderlich
Kinder Knoten Reagieren Sie Komponente, HTML -Element oder Zeichenfolge. ✅
URL Saite Die URL der gemeinsam genutzten Seite. ✅
Titel Saite Titel der freigegebenen Seite.
Fensterbreite Nummer 660 Geöffnete Fensterbreite.
Fensterheight Nummer 640 Geöffnete Fensterhöhe.

Gabicon Requisiten

Ikonen Requisiten

Requisiten Typ Standard Beschreibung Erforderlich
Größe Nummer Symbolgröße in Pixeln.
runden boolean Runde oder Rechteck zeigen.
Borderradius Nummer Setzen Sie abgerundete Ecken, wenn Sie das runde Symbol verwenden.
BGStyle Objekt Hintergrundstil anpassen.
IconFillColor Saite white Passen Sie das Symbol Füllfarben an.
BlankTarget boolean FALSCH Öffnen Sie das Share -Fenster in einer neuen Registerkarte, wenn Sie auf true gesetzt sind.

Nutzung von Sharecount

? Facebook

? ‍ Code 

 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 Requisiten

Requisiten Typ Standard Beschreibung Erforderlich
URL Saite Die URL der gemeinsam genutzten Seite. ✅
Appid Saite Facebook -Anwendungs -ID. ✅
Appsecret Saite Facebook -Anwendung Geheimnis. ✅
Kinder Knoten Reagieren Sie Komponente, HTML -Element oder Zeichenfolge.

? Hatena

? ‍ Code 

 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 >

HattenashArecount Requisiten

Requisiten Typ Standard Beschreibung Erforderlich
URL Saite Die URL der gemeinsam genutzten Seite. ✅
Kinder Knoten Reagieren Sie Komponente, HTML -Element oder Zeichenfolge.

? OK

? ‍ Code 

 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 Requisiten

Requisiten Typ Standard Beschreibung Erforderlich
URL Saite Die URL der gemeinsam genutzten Seite. ✅
Kinder Knoten Reagieren Sie Komponente, HTML -Element oder Zeichenfolge.

? Pinterest

? ‍ Code 

 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 -Requisiten

Requisiten Typ Standard Beschreibung Erforderlich
URL Saite Die URL der gemeinsam genutzten Seite. ✅
Kinder Knoten Reagieren Sie Komponente, HTML -Element oder Zeichenfolge.

? Tumblr

? ‍ Code 

 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 -Requisiten

Requisiten Typ Standard Beschreibung Erforderlich
URL Saite Die URL der gemeinsam genutzten Seite. ✅
Kinder Knoten Reagieren Sie Komponente, HTML -Element oder Zeichenfolge.

? VK

? ‍ Code 

 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 -Requisiten

Requisiten Typ Standard Beschreibung Erforderlich
URL Saite Die URL der gemeinsam genutzten Seite. ✅
Kinder Knoten Reagieren Sie Komponente, HTML -Element oder Zeichenfolge.

Verwendung von Ikone

? ‍ Code 

 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'

Requisiten

Requisiten Typ Standard Beschreibung Erforderlich
Größe Nummer Symbolgröße in Pixeln.
runden boolean Ob runde oder rechte Symbole.
Borderradius Nummer Rundliche Ecken zulassen, wenn sie rechte Symbole verwenden.
BGStyle Objekt Hintergrund anpassen.
IconFillColor Saite white Passen Sie das Symbol Füllfarben an.

Changelog

Neueste Version 0.27.0 (2023-09-28):

  • Upgrade Twittericon

Details Änderungen für jede Version sind im Changelog.md dokumentiert.

? Einpacken

Wenn Sie der Meinung sind, dass eine der next-share verbessert werden kann, öffnen Sie bitte eine PR mit Updates und geben Sie Probleme ein. Außerdem werde ich dies weiter verbessern, also möchten Sie dieses Repository vielleicht erneut ansehen.

? Beitrag

Wir würden gerne Ihre Hilfe bei Beiträgen zum next-share haben, indem Sie eine Pull-Anfrage geben und senden!

Ihre Beiträge sind herzlich ♡ willkommen, anerkannt und geschätzt. (✿◠‿◠)

Wie man beiträgt:

  • Open Pull -Anfrage mit Verbesserungen
  • Ideen in Fragen diskutieren
  • Verbreiten Sie das Wort
  • Geben Sie mit jedem Feedback nach

Mitwirkende


Bunlong
Arturs Kirtovskis
Sean
Steve Scavo
Maddy Miller
Joe McBroom

Lena Kotlyar

?‍?‍? Werbung

Sie interessieren sich vielleicht.

  • React -Muster - React -Muster und -Techniken, die in der Entwicklung für React -Entwickler verwendet werden sollen.
  • Reaktieren Sie Papaparse-Der schnellste CSV-Parser (oder Grenztext) im Browser für React.
  • Nächste QRCode - React Hooks zum Generieren von QR -Code für Ihre nächsten React -Apps.
  • Vor dem nächsten Mal-eine leichte, winzige Zeitkomponente für Ihre nächsten React-Apps.

⚖️ Lizenz

Die MIT -Lizenz

Expandieren
Zusätzliche Informationen
Ähnliche Anwendungen
Empfohlen für Sie
Ähnliche Nachrichten Alle