part de la prochaine
Boutons de partage des médias sociaux pour vos prochaines applications React.
? Caractéristiques
- Aucune dépendance
- Compatible avec JavaScript et TypeScript
- Partager des boutons pour votre prochaine application React
- Facebook
- Doubler
- Pinterest
- Reddit
- Télégramme
- Tumblr
- Gazouillement
- Vibre
- Weibo
- Whatsapp
- Liendin
- Vkshare
- Courrier
- Livejournal
- Lieu de travail
- Poche
- Instapaper
- Hatena
- FacebookMessenger
- E-mail
- Gab
- Comptes d'actions
- FacebookShareCount
- Hatenasharecount
- Oksharecount
- Pinterestsharecount
- TumblrshareCount
- Vksharecount
- Icônes
? Installer
La part suivante est disponible sur NPM. Il peut être installé avec la commande suivante:
npm install next-share --save
La part suivante est également disponible sur le fil. Il peut être installé avec la commande suivante:
yarn add next-share --save
Utilisation de 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 > Accessoires FacebookSharebutton
| Accessoires | Taper | Défaut | Description | Requis |
|---|
| enfants | nœud | | Composant React, élément HTML ou chaîne. | ✅ |
| URL | chaîne | | L'URL de la page partagée. | ✅ |
| citation | chaîne | | Un devis à partager. | |
| hashtag | chaîne | | Hashtag à partager. | |
| passage à fenêtre | nombre | 550 | Largeur de fenêtre ouverte. | |
| vitre | nombre | 400 | Hauteur de la fenêtre ouverte. | |
| vide | booléen | FAUX | Ouvrez la fenêtre de partage dans un nouvel onglet si elle est définie sur true . | |
Accessoires Facebookicon
? Doubler
? 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 > Accessoires LineshareButton
| Accessoires | Taper | Défaut | Description | Requis |
|---|
| enfants | nœud | | Composant React, élément HTML ou chaîne. | ✅ |
| URL | chaîne | | L'URL de la page partagée. | ✅ |
| titre | chaîne | | Le titre de la page partagée. | |
| passage à fenêtre | nombre | 500 | Largeur de fenêtre ouverte. | |
| vitre | nombre | 500 | Hauteur de la fenêtre ouverte. | |
| vide | booléen | FAUX | Ouvrez la fenêtre de partage dans un nouvel onglet si elle est définie sur true . | |
Accessoires Lineicon
? 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 > Accessoires Pinteresharebutton
| Accessoires | Taper | Défaut | Description | Requis |
|---|
| enfants | nœud | | Composant React, élément HTML ou chaîne. | ✅ |
| URL | chaîne | | L'URL de la page partagée. | ✅ |
| médias | chaîne | | L'URL de l'image qui sera épinglée. | ✅ |
| description | chaîne | | La description des médias partagés. | |
| passage à fenêtre | nombre | 1000 | Largeur de fenêtre ouverte. | |
| vitre | nombre | 730 | Hauteur de la fenêtre ouverte. | |
| vide | booléen | FAUX | Ouvrez la fenêtre de partage dans un nouvel onglet si elle est définie sur true . | |
Accessoires Pinteresticon
? 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 > Accessoires redditsharebutton
| Accessoires | Taper | Défaut | Description | Requis |
|---|
| enfants | nœud | | Composant React, élément HTML ou chaîne. | ✅ |
| URL | chaîne | | L'URL de la page partagée. | ✅ |
| titre | chaîne | | Le titre de la page partagée. | |
| passage à fenêtre | nombre | 660 | Largeur de fenêtre ouverte. | |
| vitre | nombre | 460 | Hauteur de la fenêtre ouverte. | |
| vide | booléen | FAUX | Ouvrez la fenêtre de partage dans un nouvel onglet si elle est définie sur true . | |
Accessoires redditicon
? Télégramme
? 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 > Télégramsharebutton accessoires
| Accessoires | Taper | Défaut | Description | Requis |
|---|
| enfants | nœud | | Composant React, élément HTML ou chaîne. | ✅ |
| URL | chaîne | | L'URL de la page partagée. | ✅ |
| titre | chaîne | | Le titre de la page partagée. | |
| passage à fenêtre | nombre | 550 | Largeur de fenêtre ouverte. | |
| vitre | nombre | 400 | Hauteur de la fenêtre ouverte. | |
| vide | booléen | FAUX | Ouvrez la fenêtre de partage dans un nouvel onglet si elle est définie sur true . | |
Accessoires télégramicon
? 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 > Accessoires Tumblrsharebutton
| Accessoires | Taper | Défaut | Description | Requis |
|---|
| enfants | nœud | | Composant React, élément HTML ou chaîne. | ✅ |
| URL | chaîne | | L'URL de la page partagée. | ✅ |
| titre | chaîne | | Le titre de la page partagée. | |
| balises | Array<string> | | | |
| légende | chaîne | | La description de la page partagée. | |
| post-type | chaîne | link | | |
| passage à fenêtre | nombre | 660 | Largeur de fenêtre ouverte. | |
| vitre | nombre | 460 | Hauteur de la fenêtre ouverte. | |
| vide | booléen | FAUX | Ouvrez la fenêtre de partage dans un nouvel onglet si elle est définie sur true . | |
Accessoires Tumblricon
? Gazouillement
? 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 accessoires
| Accessoires | Taper | Défaut | Description | Requis |
|---|
| enfants | nœud | | Composant React, élément HTML ou chaîne. | ✅ |
| URL | chaîne | | L'URL de la page partagée. | ✅ |
| titre | chaîne | | Le titre de la page partagée. | |
| via | chaîne | | | |
| hashtags | tableau | | | |
| en rapport | tableau | | | |
| passage à fenêtre | nombre | 550 | Largeur de fenêtre ouverte. | |
| vitre | nombre | 400 | Hauteur de la fenêtre ouverte. | |
| vide | booléen | FAUX | Ouvrez la fenêtre de partage dans un nouvel onglet si elle est définie sur true . | |
Accessoires TwitterIcon
? Vibre
? 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 > Accessoires de vibersharebutton
| Accessoires | Taper | Défaut | Description | Requis |
|---|
| enfants | nœud | | Composant React, élément HTML ou chaîne. | ✅ |
| URL | chaîne | | L'URL de la page partagée. | ✅ |
| titre | chaîne | | Le titre de la page partagée. | |
| séparateur | | | | |
| passage à fenêtre | nombre | 660 | Largeur de fenêtre ouverte. | |
| vitre | nombre | 460 | Hauteur de la fenêtre ouverte. | |
| vide | booléen | FAUX | Ouvrez la fenêtre de partage dans un nouvel onglet si elle est définie sur true . | |
Accessoires de vibericon
? 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 > Accessoires de Weibosharebutton
| Accessoires | Taper | Défaut | Description | Requis |
|---|
| enfants | nœud | | Composant React, élément HTML ou chaîne. | ✅ |
| URL | chaîne | | L'URL de la page partagée. | ✅ |
| titre | chaîne | | Le titre de la page partagée. | |
| image | chaîne | | L'URL de l'image qui sera partagée. | |
| passage à fenêtre | nombre | 660 | Largeur de fenêtre ouverte. | |
| vitre | nombre | 550 | Hauteur de la fenêtre ouverte. | |
| vide | booléen | FAUX | Ouvrez la fenêtre de partage dans un nouvel onglet si elle est définie sur true . | |
Accessoires de Weiboicon
? 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 > Accessoires WhatsAppShareButton
| Accessoires | Taper | Défaut | Description | Requis |
|---|
| enfants | nœud | | Composant React, élément HTML ou chaîne. | ✅ |
| URL | chaîne | | L'URL de la page partagée. | ✅ |
| titre | chaîne | | Le titre de la page partagée. | |
| séparateur | chaîne | | | |
| passage à fenêtre | nombre | 550 | Largeur de fenêtre ouverte. | |
| vitre | nombre | 400 | Hauteur de la fenêtre ouverte. | |
| vide | booléen | FAUX | Ouvrez la fenêtre de partage dans un nouvel onglet si elle est définie sur true . | |
Accessoires WhatsAppicon
? Liendin
? Code
import {
LinkedinShareButton ,
LinkedinIcon ,
} from 'next-share'
< LinkedinShareButton url = { 'https://github.com/next-share' } >
< LinkedinIcon size = { 32 } round />
</ LinkedinShareButton > Accessoires LinkedInshareButton
| Accessoires | Taper | Défaut | Description | Requis |
|---|
| enfants | nœud | | Composant React, élément HTML ou chaîne. | ✅ |
| URL | chaîne | | L'URL de la page partagée. | ✅ |
| passage à fenêtre | nombre | 750 | Largeur de fenêtre ouverte. | |
| vitre | nombre | 600 | Hauteur de la fenêtre ouverte. | |
| vide | booléen | FAUX | Ouvrez la fenêtre de partage dans un nouvel onglet si elle est définie sur true . | |
Comment utilisez-vous des choses comme title , summary , etc.?
Utilisez des balises og dans le bloc <head> du HTML.
< meta property =' og:image ' content ='' />
< meta property =' og:title ' content ='' />
< meta property =' og:description ' content ='' />
Accessoires LinkedInicon
? Vk
? Code
import {
VKShareButton ,
VKIcon ,
} from 'next-share'
< VKShareButton
url = { 'https://github.com/next-share' }
image = { './next-share.png' }
>
< VKIcon size = { 32 } round />
</ VKShareButton > Accessoires vksharebutton
| Accessoires | Taper | Défaut | Description | Requis |
|---|
| enfants | nœud | | Composant React, élément HTML ou chaîne. | ✅ |
| URL | chaîne | | L'URL de la page partagée. | ✅ |
| titre | chaîne | | Le titre de la page partagée. | |
| image | chaîne | | Un lien absolu vers l'image qui sera partagée. | |
| noparse | booléen | | Si Vrai est passé, VK ne récupérera pas les informations d'URL. | |
| novklinks | booléen | | Si True est passé, il n'y aura pas de liens vers le profil de l'utilisateur dans la fenêtre ouverte. Uniquement pour les appareils mobiles. | |
| passage à fenêtre | nombre | 660 | Largeur de fenêtre ouverte. | |
| vitre | nombre | 460 | Hauteur de la fenêtre ouverte. | |
| vide | booléen | FAUX | Ouvrez la fenêtre de partage dans un nouvel onglet si elle est définie sur true . | |
Accessoires VKicon
? Courrier
? Code
import {
MailruShareButton ,
MailruIcon ,
} from 'next-share'
< MailruShareButton
url = { 'https://github.com/next-share' }
title = { 'Next Share' }
>
< MailruIcon size = { 32 } round />
</ MailruShareButton > Accessoires MailRushareButton
| Accessoires | Taper | Défaut | Description | Requis |
|---|
| enfants | nœud | | Composant React, élément HTML ou chaîne. | ✅ |
| URL | chaîne | | L'URL de la page partagée. | ✅ |
| titre | chaîne | | Le titre de la page partagée. | |
| description | chaîne | | Description de la page partagée. | |
| imageurl | chaîne | | URL d'image de la page partagée. | |
| passage à fenêtre | nombre | 660 | Largeur de fenêtre ouverte. | |
| vitre | nombre | 460 | Hauteur de la fenêtre ouverte. | |
| vide | booléen | FAUX | Ouvrez la fenêtre de partage dans un nouvel onglet si elle est définie sur true . | |
Accessoires Mailruicon
? 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 > Accessoires livejournsharebutton
| Accessoires | Taper | Défaut | Description | Requis |
|---|
| enfants | nœud | | Composant React, élément HTML ou chaîne. | ✅ |
| URL | chaîne | | L'URL de la page partagée. | ✅ |
| titre | chaîne | | Le titre de la page partagée. | |
| description | chaîne | | Description de la page partagée. | |
| passage à fenêtre | nombre | 660 | Largeur de fenêtre ouverte. | |
| vitre | nombre | 460 | Hauteur de la fenêtre ouverte. | |
| vide | booléen | FAUX | Ouvrez la fenêtre de partage dans un nouvel onglet si elle est définie sur true . | |
Accessoires livejournalicon
? Lieu de travail
? Code
import {
WorkplaceShareButton ,
WorkplaceIcon ,
} from 'next-share'
< WorkplaceShareButton
url = { 'https://github.com/next-share' }
quote = { 'Next Share' }
>
< WorkplaceIcon size = { 32 } round />
</ WorkplaceShareButton > WorkPlaceShareButton accessoires
| Accessoires | Taper | Défaut | Description | Requis |
|---|
| enfants | nœud | | Composant React, élément HTML ou chaîne. | ✅ |
| URL | chaîne | | L'URL de la page partagée. | ✅ |
| citation | chaîne | | | |
| hashtag | chaîne | | | |
| passage à fenêtre | nombre | 550 | Largeur de fenêtre ouverte. | |
| vitre | nombre | 400 | Hauteur de la fenêtre ouverte. | |
| vide | booléen | FAUX | Ouvrez la fenêtre de partage dans un nouvel onglet si elle est définie sur true . | |
Accessoires de travail de travail
? Poche
? Code
import {
PocketShareButton ,
PocketIcon ,
} from 'next-share'
< PocketShareButton
url = { 'https://github.com/next-share' }
title = { 'Next Share' }
>
< PocketIcon size = { 32 } round />
</ PocketShareButton > Accessoires de pocheSharebutton
| Accessoires | Taper | Défaut | Description | Requis |
|---|
| enfants | nœud | | Composant React, élément HTML ou chaîne. | ✅ |
| URL | chaîne | | L'URL de la page partagée. | ✅ |
| titre | chaîne | | Titre de la page partagée. Notez que si Pocket détecte une balise de titre sur la page enregistrée, ce paramètre sera ignoré et la balise de titre de la page enregistrée sera utilisée à la place. | |
| passage à fenêtre | nombre | 500 | Largeur de fenêtre ouverte. | |
| vitre | nombre | 500 | Hauteur de la fenêtre ouverte. | |
| vide | booléen | FAUX | Ouvrez la fenêtre de partage dans un nouvel onglet si elle est définie sur true . | |
Accessoires de pochese
? Instapaper
? Code
import {
InstapaperShareButton ,
InstapaperIcon ,
} from 'next-share'
< InstapaperShareButton
url = { 'https://github.com/next-share' }
title = { 'Next Share' }
>
< InstapaperIcon size = { 32 } round />
</ InstapaperShareButton > Instapapersharebutton accessoires
| Accessoires | Taper | Défaut | Description | Requis |
|---|
| enfants | nœud | | Composant React, élément HTML ou chaîne. | ✅ |
| URL | chaîne | | L'URL de la page partagée. | ✅ |
| titre | chaîne | | Titre de la page partagée. | |
| description | chaîne | | Description de la page partagée. | |
| passage à fenêtre | nombre | 500 | Largeur de fenêtre ouverte. | |
| vitre | nombre | 500 | Hauteur de la fenêtre ouverte. | |
| vide | booléen | FAUX | Ouvrez la fenêtre de partage dans un nouvel onglet si elle est définie sur true . | |
Accessoires Instapapericon
? Hatena
? Code
import {
HatenaShareButton ,
HatenaIcon ,
} from 'next-share'
< HatenaShareButton
url = { 'https://github.com/next-share' }
title = { 'Next Share' }
>
< HatenaIcon size = { 32 } round />
</ HatenaShareButton > Accessoires de HatenashareButton
| Accessoires | Taper | Défaut | Description | Requis |
|---|
| enfants | nœud | | Composant React, élément HTML ou chaîne. | ✅ |
| URL | chaîne | | L'URL de la page partagée. | ✅ |
| titre | chaîne | | Titre de la page partagée. | |
| passage à fenêtre | nombre | 660 | Largeur de fenêtre ouverte. | |
| vitre | nombre | 460 | Hauteur de la fenêtre ouverte. | |
| vide | booléen | FAUX | Ouvrez la fenêtre de partage dans un nouvel onglet si elle est définie sur true . | |
Accessoires de Hatenonicon
? FacebookMessenger
? Code
import {
FacebookMessengerShareButton ,
FacebookMessengerIcon ,
} from 'next-share'
< FacebookMessengerShareButton
url = { 'https://github.com/next-share' }
appId = { '' }
>
< FacebookMessengerIcon size = { 32 } round />
</ FacebookMessengerShareButton > FacebookSengershareButton accessoires
| Accessoires | Taper | Défaut | Description | Requis |
|---|
| enfants | nœud | | Composant React, élément HTML ou chaîne. | ✅ |
| URL | chaîne | | L'URL de la page partagée. | ✅ |
| appid | chaîne | | ID de l'application Facebook. | ✅ |
| rediriger | chaîne | | L'URL à rediriger vers le partage (par défaut: l'URL partagée). | |
| à | chaîne | | Un ID utilisateur d'un destinataire. Une fois que la boîte de dialogue apparaît, l'expéditeur peut spécifier des personnes supplémentaires en tant que destinataires. | |
| passage à fenêtre | nombre | 1000 | Largeur de fenêtre ouverte. | |
| vitre | nombre | 820 | Hauteur de la fenêtre ouverte. | |
| vide | booléen | FAUX | Ouvrez la fenêtre de partage dans un nouvel onglet si elle est définie sur true . | |
Accessoires FacebookMessengerIcon
? 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 > EmailShareButton accessoires
| Accessoires | Taper | Défaut | Description | Requis |
|---|
| enfants | nœud | | Composant React, élément HTML ou chaîne. | ✅ |
| URL | chaîne | | L'URL de la page partagée. | ✅ |
| sujet | chaîne | | | |
| corps | chaîne | | | |
| séparateur | chaîne | | | |
| vide | booléen | FAUX | Ouvrez la fenêtre de partage dans un nouvel onglet si elle est définie sur true . | |
Accessoires e-mail
? Gab
? Code
import {
GabShareButton ,
GabIcon ,
} from 'next-share'
< GabShareButton
url = { 'https://github.com/next-share' }
title = { 'Next Share' }
>
< GabIcon size = { 32 } round />
</ GabShareButton > Accessoires de gabsharebutton
| Accessoires | Taper | Défaut | Description | Requis |
|---|
| enfants | nœud | | Composant React, élément HTML ou chaîne. | ✅ |
| URL | chaîne | | L'URL de la page partagée. | ✅ |
| titre | chaîne | | Titre de la page partagée. | |
| passage à fenêtre | nombre | 660 | Largeur de fenêtre ouverte. | |
| vitre | nombre | 640 | Hauteur de la fenêtre ouverte. | |
Accessoires Gabicon
Icônes accessoires
| Accessoires | Taper | Défaut | Description | Requis |
|---|
| taille | nombre | | Taille de l'icône dans les pixels. | |
| rond | booléen | | Montrer rond ou rectangle. | |
| frontière | nombre | | Réglez les coins arrondis si vous utilisez une icône ronde. | |
| bgstyle | objet | | Personnalisez le style d'arrière-plan. | |
| iconfillcolor | chaîne | white | Personnalisez la couleur de remplissage de l'icône. | |
| vide | booléen | FAUX | Ouvrez la fenêtre de partage dans un nouvel onglet si elle est définie sur true . | |
Utilisation de 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 accessoires
| Accessoires | Taper | Défaut | Description | Requis |
|---|
| URL | chaîne | | L'URL de la page partagée. | ✅ |
| appid | chaîne | | ID de l'application Facebook. | ✅ |
| AppSecret | chaîne | | Secret d'application Facebook. | ✅ |
| enfants | nœud | | Composant React, élément HTML ou chaîne. | |
? 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 > HatenashareCount accessoires
| Accessoires | Taper | Défaut | Description | Requis |
|---|
| URL | chaîne | | L'URL de la page partagée. | ✅ |
| enfants | nœud | | Composant React, élément HTML ou chaîne. | |
? D'ACCORD
? 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 > Accessoires okshareCount
| Accessoires | Taper | Défaut | Description | Requis |
|---|
| URL | chaîne | | L'URL de la page partagée. | ✅ |
| enfants | nœud | | Composant React, élément HTML ou chaîne. | |
? 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 > Accessoires de PintereshAreCount
| Accessoires | Taper | Défaut | Description | Requis |
|---|
| URL | chaîne | | L'URL de la page partagée. | ✅ |
| enfants | nœud | | Composant React, élément HTML ou chaîne. | |
? 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 accessoires
| Accessoires | Taper | Défaut | Description | Requis |
|---|
| URL | chaîne | | L'URL de la page partagée. | ✅ |
| enfants | nœud | | Composant React, élément HTML ou chaîne. | |
? 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 > Accessoires vksharecount
| Accessoires | Taper | Défaut | Description | Requis |
|---|
| URL | chaîne | | L'URL de la page partagée. | ✅ |
| enfants | nœud | | Composant React, élément HTML ou chaîne. | |
Utilisation de l'icône
? 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' Accessoires
| Accessoires | Taper | Défaut | Description | Requis |
|---|
| taille | nombre | | Taille de l'icône dans les pixels. | |
| rond | booléen | | Que ce soit pour montrer des icônes rondes ou rect. | |
| frontière | nombre | | Autorisez les coins arrondis si vous utilisez des icônes RECT. | |
| bgstyle | objet | | Personnalisez l'arrière-plan. | |
| iconfillcolor | chaîne | white | Personnalisez la couleur de remplissage de l'icône. | |
Changelog
Dernière version 0.27.0 (2023-09-28):
- Mettre à niveau TwitterIcon
Les modifications de détails pour chaque version sont documentées dans le changelog.md.
? Conclure
Si vous pensez que l'une des next-share peut être améliorée, veuillez ouvrir un RP avec des mises à jour et soumettre des problèmes. De plus, je continuerai à améliorer cela, vous voudrez peut-être regarder / jouer ce référentiel pour revoir.
? Contribution
Nous serions ravis de vous aider aux contributions à next-share en fournissant et en envoyant une demande de traction!
Vos contributions sont chaleureusement ♡ Bienvenue, reconnue et appréciée. (✿◠‿◠)
Comment contribuer:
- Demande de traction ouverte avec des améliorations
- Discuter des idées dans les questions
- Faire passer le mot
- Tendez la main avec des commentaires
Contributeurs
Bunlong | Artur Kirtovskis | Sean | Steve Scavo | Maddy Miller | Joe McBroom |
Lena Kotlyar |
??? Publicité
Vous êtes peut-être intéressé.
- REACT MOTEMS - REACT MOTEMS ET TECHNIQUES À utiliser dans le développement pour React Developer.
- React Papaparse - L'analyseur CSV (ou texte délimité) le plus rapide (ou texte délimité) pour React.
- Next QRCode - React Hooks pour générer du code QR pour vos prochaines applications React.
- Il y a la prochaine fois - un petit composant léger du temps de temps pour vos prochaines applications React.
⚖️ Licence
La licence MIT