siguiente compartido
Las redes sociales comparten botones para sus próximas aplicaciones React.
? Características
- Sin dependencias
- Compatible con JavaScript y TypeScript
- Compartir botones para su próxima aplicación React
- Facebook
- Línea
- Pinterest
- Reddit
- Telegrama
- Tumblr
- Gorjeo
- Vibrar
- Weibo
- Whatsapp
- LinkedIn
- Vkshare
- Mailru
- LiveJournal
- Lugar de trabajo
- Bolsillo
- Instaperer
- Hatena
- FacebookMessenger
- Correo electrónico
- Charla
- Cuenta de compartir
- FacebookSharecount
- HatenaSharecount
- Oksharecount
- Pinterestsharecount
- Tumblrsharecount
- Vksharecount
- Íconos
? Instalar
La próxima acción está disponible en NPM. Se puede instalar con el siguiente comando:
npm install next-share --save
La siguiente acción está disponible en hilo también. Se puede instalar con el siguiente comando:
yarn add next-share --save
Uso de ShareButton
? Facebook
? Código
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 de FacebookSharebutton
| Accesorios | Tipo | Por defecto | Descripción | Requerido |
|---|
| niños | nodo | | React Componente, elemento HTML o cadena. | ✅ |
| url | cadena | | La URL de la página compartida. | ✅ |
| cita | cadena | | Una cita para compartir. | |
| hashtag | cadena | | Hashtag para ser compartido. | |
| ancho de la ventana | número | 550 | Ancho de ventana abierto. | |
| WindowHeight | número | 400 | Altura de la ventana abierta. | |
| Target en blanco | booleano | FALSO | Abra la ventana compartida en una nueva pestaña si se establece en true . | |
Accesorios de Facebookicon
? Línea
? Código
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 > Accesorios de linsharebutton
| Accesorios | Tipo | Por defecto | Descripción | Requerido |
|---|
| niños | nodo | | React Componente, elemento HTML o cadena. | ✅ |
| url | cadena | | La URL de la página compartida. | ✅ |
| título | cadena | | El título de la página compartida. | |
| ancho de la ventana | número | 500 | Ancho de ventana abierto. | |
| WindowHeight | número | 500 | Altura de la ventana abierta. | |
| Target en blanco | booleano | FALSO | Abra la ventana compartida en una nueva pestaña si se establece en true . | |
Accesorios de Lineicon
? Pinterest
? Código
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 > Accesorios de Pinterestsharebutton
| Accesorios | Tipo | Por defecto | Descripción | Requerido |
|---|
| niños | nodo | | React Componente, elemento HTML o cadena. | ✅ |
| url | cadena | | La URL de la página compartida. | ✅ |
| medios de comunicación | cadena | | La URL de la imagen que se fijará. | ✅ |
| descripción | cadena | | La descripción de los medios compartidos. | |
| ancho de la ventana | número | 1000 | Ancho de ventana abierto. | |
| WindowHeight | número | 730 | Altura de la ventana abierta. | |
| Target en blanco | booleano | FALSO | Abra la ventana compartida en una nueva pestaña si se establece en true . | |
Accesorios de pinteresticon
? Reddit
? Código
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 > Accesorios de redditsharebutton
| Accesorios | Tipo | Por defecto | Descripción | Requerido |
|---|
| niños | nodo | | React Componente, elemento HTML o cadena. | ✅ |
| url | cadena | | La URL de la página compartida. | ✅ |
| título | cadena | | El título de la página compartida. | |
| ancho de la ventana | número | 660 | Ancho de ventana abierto. | |
| WindowHeight | número | 460 | Altura de la ventana abierta. | |
| Target en blanco | booleano | FALSO | Abra la ventana compartida en una nueva pestaña si se establece en true . | |
Accesorios de Redditicon
? Telegrama
? Código
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 accesorios
| Accesorios | Tipo | Por defecto | Descripción | Requerido |
|---|
| niños | nodo | | React Componente, elemento HTML o cadena. | ✅ |
| url | cadena | | La URL de la página compartida. | ✅ |
| título | cadena | | El título de la página compartida. | |
| ancho de la ventana | número | 550 | Ancho de ventana abierto. | |
| WindowHeight | número | 400 | Altura de la ventana abierta. | |
| Target en blanco | booleano | FALSO | Abra la ventana compartida en una nueva pestaña si se establece en true . | |
Props de Telegramicon
? Tumblr
? Código
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 accesorios
| Accesorios | Tipo | Por defecto | Descripción | Requerido |
|---|
| niños | nodo | | React Componente, elemento HTML o cadena. | ✅ |
| url | cadena | | La URL de la página compartida. | ✅ |
| título | cadena | | El título de la página compartida. | |
| etiquetas | Array<string> | | | |
| subtítulo | cadena | | La descripción de la página compartida. | |
| posttype | cadena | link | | |
| ancho de la ventana | número | 660 | Ancho de ventana abierto. | |
| WindowHeight | número | 460 | Altura de la ventana abierta. | |
| Target en blanco | booleano | FALSO | Abra la ventana compartida en una nueva pestaña si se establece en true . | |
Accesorios de tumblricon
? Gorjeo
? Código
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 de TwitterSharebutton
| Accesorios | Tipo | Por defecto | Descripción | Requerido |
|---|
| niños | nodo | | React Componente, elemento HTML o cadena. | ✅ |
| url | cadena | | La URL de la página compartida. | ✅ |
| título | cadena | | El título de la página compartida. | |
| a través de | cadena | | | |
| hashtags | formación | | | |
| relacionado | formación | | | |
| ancho de la ventana | número | 550 | Ancho de ventana abierto. | |
| WindowHeight | número | 400 | Altura de la ventana abierta. | |
| Target en blanco | booleano | FALSO | Abra la ventana compartida en una nueva pestaña si se establece en true . | |
Props de Twittericon
? Vibrar
? Código
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 > Accesorios de Vibersharebutton
| Accesorios | Tipo | Por defecto | Descripción | Requerido |
|---|
| niños | nodo | | React Componente, elemento HTML o cadena. | ✅ |
| url | cadena | | La URL de la página compartida. | ✅ |
| título | cadena | | El título de la página compartida. | |
| separador | | | | |
| ancho de la ventana | número | 660 | Ancho de ventana abierto. | |
| WindowHeight | número | 460 | Altura de la ventana abierta. | |
| Target en blanco | booleano | FALSO | Abra la ventana compartida en una nueva pestaña si se establece en true . | |
Accesorios de Vibericon
? Weibo
? Código
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 > Accesorios de Weibosharebutton
| Accesorios | Tipo | Por defecto | Descripción | Requerido |
|---|
| niños | nodo | | React Componente, elemento HTML o cadena. | ✅ |
| url | cadena | | La URL de la página compartida. | ✅ |
| título | cadena | | El título de la página compartida. | |
| imagen | cadena | | La URL de la imagen que se compartirá. | |
| ancho de la ventana | número | 660 | Ancho de ventana abierto. | |
| WindowHeight | número | 550 | Altura de la ventana abierta. | |
| Target en blanco | booleano | FALSO | Abra la ventana compartida en una nueva pestaña si se establece en true . | |
Accesorios de Weiboicon
? Whatsapp
? Código
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 > Accesorios de whatsappsharebutton
| Accesorios | Tipo | Por defecto | Descripción | Requerido |
|---|
| niños | nodo | | React Componente, elemento HTML o cadena. | ✅ |
| url | cadena | | La URL de la página compartida. | ✅ |
| título | cadena | | El título de la página compartida. | |
| separador | cadena | | | |
| ancho de la ventana | número | 550 | Ancho de ventana abierto. | |
| WindowHeight | número | 400 | Altura de la ventana abierta. | |
| Target en blanco | booleano | FALSO | Abra la ventana compartida en una nueva pestaña si se establece en true . | |
Accesorios de whatsappicon
? LinkedIn
? Código
import {
LinkedinShareButton ,
LinkedinIcon ,
} from 'next-share'
< LinkedinShareButton url = { 'https://github.com/next-share' } >
< LinkedinIcon size = { 32 } round />
</ LinkedinShareButton > Accesorios de LinkedInsharebutton
| Accesorios | Tipo | Por defecto | Descripción | Requerido |
|---|
| niños | nodo | | React Componente, elemento HTML o cadena. | ✅ |
| url | cadena | | La URL de la página compartida. | ✅ |
| ancho de la ventana | número | 750 | Ancho de ventana abierto. | |
| WindowHeight | número | 600 | Altura de la ventana abierta. | |
| Target en blanco | booleano | FALSO | Abra la ventana compartida en una nueva pestaña si se establece en true . | |
¿Cómo se usa cosas como title , summary , etc.?
Use etiquetas og en el bloque <head> del HTML.
< meta property =' og:image ' content ='' />
< meta property =' og:title ' content ='' />
< meta property =' og:description ' content ='' />
Accesorios de LinkedInicon
? VK
? Código
import {
VKShareButton ,
VKIcon ,
} from 'next-share'
< VKShareButton
url = { 'https://github.com/next-share' }
image = { './next-share.png' }
>
< VKIcon size = { 32 } round />
</ VKShareButton > Accesorios de Vksharebutton
| Accesorios | Tipo | Por defecto | Descripción | Requerido |
|---|
| niños | nodo | | React Componente, elemento HTML o cadena. | ✅ |
| url | cadena | | La URL de la página compartida. | ✅ |
| título | cadena | | El título de la página compartida. | |
| imagen | cadena | | Un enlace absoluto a la imagen que se compartirá. | |
| nopárse | booleano | | Si se pasa verdadero, VK no recuperará la información de la URL. | |
| Novklinks | booleano | | Si se pasa verdadero, no habrá enlaces al perfil del usuario en la ventana abierta. Solo para dispositivos móviles. | |
| ancho de la ventana | número | 660 | Ancho de ventana abierto. | |
| WindowHeight | número | 460 | Altura de la ventana abierta. | |
| Target en blanco | booleano | FALSO | Abra la ventana compartida en una nueva pestaña si se establece en true . | |
Accesorios de Vkicon
? Mailru
? Código
import {
MailruShareButton ,
MailruIcon ,
} from 'next-share'
< MailruShareButton
url = { 'https://github.com/next-share' }
title = { 'Next Share' }
>
< MailruIcon size = { 32 } round />
</ MailruShareButton > Props de MailRusharebutton
| Accesorios | Tipo | Por defecto | Descripción | Requerido |
|---|
| niños | nodo | | React Componente, elemento HTML o cadena. | ✅ |
| url | cadena | | La URL de la página compartida. | ✅ |
| título | cadena | | El título de la página compartida. | |
| descripción | cadena | | Descripción de la página compartida. | |
| imaginurl | cadena | | URL de imagen de la página compartida. | |
| ancho de la ventana | número | 660 | Ancho de ventana abierto. | |
| WindowHeight | número | 460 | Altura de la ventana abierta. | |
| Target en blanco | booleano | FALSO | Abra la ventana compartida en una nueva pestaña si se establece en true . | |
Accesorios de mailruicon
? LiveJournal
? Código
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 > Accesorios de LiveJournalsharebutton
| Accesorios | Tipo | Por defecto | Descripción | Requerido |
|---|
| niños | nodo | | React Componente, elemento HTML o cadena. | ✅ |
| url | cadena | | La URL de la página compartida. | ✅ |
| título | cadena | | El título de la página compartida. | |
| descripción | cadena | | Descripción de la página compartida. | |
| ancho de la ventana | número | 660 | Ancho de ventana abierto. | |
| WindowHeight | número | 460 | Altura de la ventana abierta. | |
| Target en blanco | booleano | FALSO | Abra la ventana compartida en una nueva pestaña si se establece en true . | |
Accesorios de LiveJournalicon
? Lugar de trabajo
? Código
import {
WorkplaceShareButton ,
WorkplaceIcon ,
} from 'next-share'
< WorkplaceShareButton
url = { 'https://github.com/next-share' }
quote = { 'Next Share' }
>
< WorkplaceIcon size = { 32 } round />
</ WorkplaceShareButton > Propiedades de trabajo de placas de trabajo
| Accesorios | Tipo | Por defecto | Descripción | Requerido |
|---|
| niños | nodo | | React Componente, elemento HTML o cadena. | ✅ |
| url | cadena | | La URL de la página compartida. | ✅ |
| cita | cadena | | | |
| hashtag | cadena | | | |
| ancho de la ventana | número | 550 | Ancho de ventana abierto. | |
| WindowHeight | número | 400 | Altura de la ventana abierta. | |
| Target en blanco | booleano | FALSO | Abra la ventana compartida en una nueva pestaña si se establece en true . | |
Accesorios de lugar de trabajo
? Bolsillo
? Código
import {
PocketShareButton ,
PocketIcon ,
} from 'next-share'
< PocketShareButton
url = { 'https://github.com/next-share' }
title = { 'Next Share' }
>
< PocketIcon size = { 32 } round />
</ PocketShareButton > Accesorios de bolsillo
| Accesorios | Tipo | Por defecto | Descripción | Requerido |
|---|
| niños | nodo | | React Componente, elemento HTML o cadena. | ✅ |
| url | cadena | | La URL de la página compartida. | ✅ |
| título | cadena | | Título de la página compartida. Tenga en cuenta que si Pocket detecta una etiqueta de título en la página que se guarda, este parámetro se ignorará y se utilizará la etiqueta de título de la página guardada. | |
| ancho de la ventana | número | 500 | Ancho de ventana abierto. | |
| WindowHeight | número | 500 | Altura de la ventana abierta. | |
| Target en blanco | booleano | FALSO | Abra la ventana compartida en una nueva pestaña si se establece en true . | |
Accesorios de pocketicon
? Instaperer
? Código
import {
InstapaperShareButton ,
InstapaperIcon ,
} from 'next-share'
< InstapaperShareButton
url = { 'https://github.com/next-share' }
title = { 'Next Share' }
>
< InstapaperIcon size = { 32 } round />
</ InstapaperShareButton > Props de Instapapersharebutton
| Accesorios | Tipo | Por defecto | Descripción | Requerido |
|---|
| niños | nodo | | React Componente, elemento HTML o cadena. | ✅ |
| url | cadena | | La URL de la página compartida. | ✅ |
| título | cadena | | Título de la página compartida. | |
| descripción | cadena | | Descripción de la página compartida. | |
| ancho de la ventana | número | 500 | Ancho de ventana abierto. | |
| WindowHeight | número | 500 | Altura de la ventana abierta. | |
| Target en blanco | booleano | FALSO | Abra la ventana compartida en una nueva pestaña si se establece en true . | |
Accesorios de Instapapericon
? Hatena
? Código
import {
HatenaShareButton ,
HatenaIcon ,
} from 'next-share'
< HatenaShareButton
url = { 'https://github.com/next-share' }
title = { 'Next Share' }
>
< HatenaIcon size = { 32 } round />
</ HatenaShareButton > Accesorios de hatenaSharebutton
| Accesorios | Tipo | Por defecto | Descripción | Requerido |
|---|
| niños | nodo | | React Componente, elemento HTML o cadena. | ✅ |
| url | cadena | | La URL de la página compartida. | ✅ |
| título | cadena | | Título de la página compartida. | |
| ancho de la ventana | número | 660 | Ancho de ventana abierto. | |
| WindowHeight | número | 460 | Altura de la ventana abierta. | |
| Target en blanco | booleano | FALSO | Abra la ventana compartida en una nueva pestaña si se establece en true . | |
Accesorios de hatenaicon
? FacebookMessenger
? Código
import {
FacebookMessengerShareButton ,
FacebookMessengerIcon ,
} from 'next-share'
< FacebookMessengerShareButton
url = { 'https://github.com/next-share' }
appId = { '' }
>
< FacebookMessengerIcon size = { 32 } round />
</ FacebookMessengerShareButton > FacebookMessengersharebutton Props
| Accesorios | Tipo | Por defecto | Descripción | Requerido |
|---|
| niños | nodo | | React Componente, elemento HTML o cadena. | ✅ |
| url | cadena | | La URL de la página compartida. | ✅ |
| aplicar | cadena | | ID de aplicación de Facebook. | ✅ |
| redirecturi | cadena | | La URL para redirigir después de compartir (predeterminado: la URL compartida). | |
| a | cadena | | Una identificación de usuario de un destinatario. Una vez que surge el diálogo, el remitente puede especificar personas adicionales como destinatarios. | |
| ancho de la ventana | número | 1000 | Ancho de ventana abierto. | |
| WindowHeight | número | 820 | Altura de la ventana abierta. | |
| Target en blanco | booleano | FALSO | Abra la ventana compartida en una nueva pestaña si se establece en true . | |
Accesorios de FacebookMessengericon
? Correo electrónico
? Código
import {
EmailShareButton ,
EmailIcon ,
} from 'next-share'
< EmailShareButton
url = { 'https://github.com/next-share' }
subject = { 'Next Share' }
body = "body"
>
< EmailIcon size = { 32 } round />
</ EmailShareButton > Propiedades de correo electrónico de Sharebutton
| Accesorios | Tipo | Por defecto | Descripción | Requerido |
|---|
| niños | nodo | | React Componente, elemento HTML o cadena. | ✅ |
| url | cadena | | La URL de la página compartida. | ✅ |
| sujeto | cadena | | | |
| cuerpo | cadena | | | |
| separador | cadena | | | |
| Target en blanco | booleano | FALSO | Abra la ventana compartida en una nueva pestaña si se establece en true . | |
Props de correo electrónico
? Charla
? Código
import {
GabShareButton ,
GabIcon ,
} from 'next-share'
< GabShareButton
url = { 'https://github.com/next-share' }
title = { 'Next Share' }
>
< GabIcon size = { 32 } round />
</ GabShareButton > Accesorios de gabsharebutton
| Accesorios | Tipo | Por defecto | Descripción | Requerido |
|---|
| niños | nodo | | React Componente, elemento HTML o cadena. | ✅ |
| url | cadena | | La URL de la página compartida. | ✅ |
| título | cadena | | Título de la página compartida. | |
| ancho de la ventana | número | 660 | Ancho de ventana abierto. | |
| WindowHeight | número | 640 | Altura de la ventana abierta. | |
Props de Gabicon
Accesorios de iconos
| Accesorios | Tipo | Por defecto | Descripción | Requerido |
|---|
| tamaño | número | | Tamaño del icono en píxeles. | |
| redondo | booleano | | Mostrar redondo o rectángulo. | |
| fronterradio | número | | Establezca esquinas redondeadas si usa icono redondo. | |
| estilo bgstyle | objeto | | Personalizar el estilo de fondo. | |
| iconfillcolor | cadena | white | Personalizar el color de llenado del icono. | |
| Target en blanco | booleano | FALSO | Abra la ventana compartida en una nueva pestaña si se establece en true . | |
Uso de ShareCount
? Facebook
? Código
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 de FacebookSharecount
| Accesorios | Tipo | Por defecto | Descripción | Requerido |
|---|
| url | cadena | | La URL de la página compartida. | ✅ |
| aplicar | cadena | | ID de aplicación de Facebook. | ✅ |
| appsecret | cadena | | Secreto de la aplicación de Facebook. | ✅ |
| niños | nodo | | React Componente, elemento HTML o cadena. | |
? Hatena
? Código
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 > Accesorios de HatenaSharecount
| Accesorios | Tipo | Por defecto | Descripción | Requerido |
|---|
| url | cadena | | La URL de la página compartida. | ✅ |
| niños | nodo | | React Componente, elemento HTML o cadena. | |
? DE ACUERDO
? Código
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 > Accesorios de OkSharecount
| Accesorios | Tipo | Por defecto | Descripción | Requerido |
|---|
| url | cadena | | La URL de la página compartida. | ✅ |
| niños | nodo | | React Componente, elemento HTML o cadena. | |
? Pinterest
? Código
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 > Accesorios de Pinterestsharecount
| Accesorios | Tipo | Por defecto | Descripción | Requerido |
|---|
| url | cadena | | La URL de la página compartida. | ✅ |
| niños | nodo | | React Componente, elemento HTML o cadena. | |
? Tumblr
? Código
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 > Accesorios de tumblrsharecount
| Accesorios | Tipo | Por defecto | Descripción | Requerido |
|---|
| url | cadena | | La URL de la página compartida. | ✅ |
| niños | nodo | | React Componente, elemento HTML o cadena. | |
? VK
? Código
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 > Accesorios de vksharecount
| Accesorios | Tipo | Por defecto | Descripción | Requerido |
|---|
| url | cadena | | La URL de la página compartida. | ✅ |
| niños | nodo | | React Componente, elemento HTML o cadena. | |
Uso del icono
? Código
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' Accesorios
| Accesorios | Tipo | Por defecto | Descripción | Requerido |
|---|
| tamaño | número | | Tamaño del icono en píxeles. | |
| redondo | booleano | | Si mostrar íconos redondos o rect. | |
| fronterradio | número | | Permita esquinas redondeadas si usa iconos Rect. | |
| estilo bgstyle | objeto | | Personalizar antecedentes. | |
| iconfillcolor | cadena | white | Personalizar el color de llenado del icono. | |
Colegio de cambios
Última versión 0.27.0 (2023-09-28):
Los cambios de detalles para cada versión se documentan en ChangeLog.md.
? Envolver
Si cree que se puede mejorar cualquiera de las next-share , abra un PR con cualquier actualización y envíe cualquier problema. Además, continuaré mejorando esto, por lo que es posible que desee ver/protagonizar este repositorio para volver a visitar.
? Contribución
¡Nos encantaría tener su ayuda de contribuciones a next-share bifurcando y enviando una solicitud de extracción!
Sus contribuciones son de todo corazón ♡ bienvenidas, reconocidas y apreciadas. (✿◠‿◠)
Cómo contribuir:
- Solicitud de extracción abierta con mejoras
- Discutir ideas en temas
- Extender la voz
- Comuníquese con cualquier comentario
Colaboradores
Bunlong | Arturs Kirtovskis | Sean | Steve Scavo | Maddy Miller | Joe McBroom |
Lena Kotlyar |
???? Anuncio
Tal vez te interese.
- React Patrones: React Patrones y técnicas para usar en el desarrollo para React Developer.
- React Papaparse: el analizador CSV (o texto delimitado) más rápido para reaccionar.
- Siguiente QRCode: reaccionar los ganchos para generar código QR para sus próximas aplicaciones React.
- La próxima vez, un pequeño componente liviano de tiempo para sus próximas aplicaciones React.
⚖️ Licencia
La licencia del MIT