react-share

react-share

Version 5.1.2
Published 15 days ago
340 kB
2 dependencies
MIT license

Install

npm i react-share

yarn add react-share

pnpm add react-share

Overview

Social media share buttons and share counts for React.

Variables

variable EmailIcon

const EmailIcon: FC<
    Omit<SVGProps<SVGSVGElement>, 'width' | 'height'> & {
        bgStyle?: CSSProperties | undefined;
        borderRadius?: number | undefined;
        iconFillColor?: string | undefined;
        round?: boolean | undefined;
        size?: string | number | undefined;
    }
>;

variable EmailShareButton

const EmailShareButton: ForwardRefExoticComponent<any>;

variable FacebookIcon

const FacebookIcon: FC<
    Omit<SVGProps<SVGSVGElement>, 'width' | 'height'> & {
        bgStyle?: CSSProperties | undefined;
        borderRadius?: number | undefined;
        iconFillColor?: string | undefined;
        round?: boolean | undefined;
        size?: string | number | undefined;
    }
>;

variable FacebookMessengerIcon

const FacebookMessengerIcon: FC<
    Omit<SVGProps<SVGSVGElement>, 'width' | 'height'> & {
        bgStyle?: CSSProperties | undefined;
        borderRadius?: number | undefined;
        iconFillColor?: string | undefined;
        round?: boolean | undefined;
        size?: string | number | undefined;
    }
>;

variable FacebookMessengerShareButton

const FacebookMessengerShareButton: ForwardRefExoticComponent<any>;

variable FacebookShareButton

const FacebookShareButton: ForwardRefExoticComponent<any>;

variable FacebookShareCount

const FacebookShareCount: {
    (
        props: Omit<
            Omit<HTMLAttributes<HTMLSpanElement>, 'children'> & {
                children?: (shareCount: number) => ReactNode;
                getCount: (
                    url: string,
                    callback: (shareCount?: number | undefined) => void
                ) => void;
                url: string;
            },
            'getCount'
        >
    ): JSX_2.Element;
    displayName: string;
};

variable GabIcon

const GabIcon: FC<
    Omit<SVGProps<SVGSVGElement>, 'width' | 'height'> & {
        bgStyle?: CSSProperties | undefined;
        borderRadius?: number | undefined;
        iconFillColor?: string | undefined;
        round?: boolean | undefined;
        size?: string | number | undefined;
    }
>;

variable GabShareButton

const GabShareButton: ForwardRefExoticComponent<any>;

variable HatenaIcon

const HatenaIcon: FC<
    Omit<SVGProps<SVGSVGElement>, 'width' | 'height'> & {
        bgStyle?: CSSProperties | undefined;
        borderRadius?: number | undefined;
        iconFillColor?: string | undefined;
        round?: boolean | undefined;
        size?: string | number | undefined;
    }
>;

variable HatenaShareButton

const HatenaShareButton: ForwardRefExoticComponent<any>;

variable HatenaShareCount

const HatenaShareCount: {
    (
        props: Omit<
            Omit<HTMLAttributes<HTMLSpanElement>, 'children'> & {
                children?: (shareCount: number) => ReactNode;
                getCount: (
                    url: string,
                    callback: (shareCount?: number | undefined) => void
                ) => void;
                url: string;
            },
            'getCount'
        >
    ): JSX_2.Element;
    displayName: string;
};

variable InstapaperIcon

const InstapaperIcon: FC<
    Omit<SVGProps<SVGSVGElement>, 'width' | 'height'> & {
        bgStyle?: CSSProperties | undefined;
        borderRadius?: number | undefined;
        iconFillColor?: string | undefined;
        round?: boolean | undefined;
        size?: string | number | undefined;
    }
>;

variable InstapaperShareButton

const InstapaperShareButton: ForwardRefExoticComponent<any>;

variable LineIcon

const LineIcon: FC<
    Omit<SVGProps<SVGSVGElement>, 'width' | 'height'> & {
        bgStyle?: CSSProperties | undefined;
        borderRadius?: number | undefined;
        iconFillColor?: string | undefined;
        round?: boolean | undefined;
        size?: string | number | undefined;
    }
>;

variable LineShareButton

const LineShareButton: ForwardRefExoticComponent<any>;

variable LinkedinIcon

const LinkedinIcon: FC<
    Omit<SVGProps<SVGSVGElement>, 'width' | 'height'> & {
        bgStyle?: CSSProperties | undefined;
        borderRadius?: number | undefined;
        iconFillColor?: string | undefined;
        round?: boolean | undefined;
        size?: string | number | undefined;
    }
>;

variable LinkedinShareButton

const LinkedinShareButton: ForwardRefExoticComponent<any>;

variable LivejournalIcon

const LivejournalIcon: FC<
    Omit<SVGProps<SVGSVGElement>, 'width' | 'height'> & {
        bgStyle?: CSSProperties | undefined;
        borderRadius?: number | undefined;
        iconFillColor?: string | undefined;
        round?: boolean | undefined;
        size?: string | number | undefined;
    }
>;

variable LivejournalShareButton

const LivejournalShareButton: ForwardRefExoticComponent<any>;

variable MailruIcon

const MailruIcon: FC<
    Omit<SVGProps<SVGSVGElement>, 'width' | 'height'> & {
        bgStyle?: CSSProperties | undefined;
        borderRadius?: number | undefined;
        iconFillColor?: string | undefined;
        round?: boolean | undefined;
        size?: string | number | undefined;
    }
>;

variable MailruShareButton

const MailruShareButton: ForwardRefExoticComponent<any>;

variable OKIcon

const OKIcon: FC<
    Omit<SVGProps<SVGSVGElement>, 'width' | 'height'> & {
        bgStyle?: CSSProperties | undefined;
        borderRadius?: number | undefined;
        iconFillColor?: string | undefined;
        round?: boolean | undefined;
        size?: string | number | undefined;
    }
>;

variable OKShareButton

const OKShareButton: ForwardRefExoticComponent<any>;

variable OKShareCount

const OKShareCount: {
    (
        props: Omit<
            Omit<HTMLAttributes<HTMLSpanElement>, 'children'> & {
                children?: (shareCount: number) => ReactNode;
                getCount: (
                    url: string,
                    callback: (shareCount?: number | undefined) => void
                ) => void;
                url: string;
            },
            'getCount'
        >
    ): JSX_2.Element;
    displayName: string;
};

variable PinterestIcon

const PinterestIcon: FC<
    Omit<SVGProps<SVGSVGElement>, 'width' | 'height'> & {
        bgStyle?: CSSProperties | undefined;
        borderRadius?: number | undefined;
        iconFillColor?: string | undefined;
        round?: boolean | undefined;
        size?: string | number | undefined;
    }
>;

variable PinterestShareButton

const PinterestShareButton: ForwardRefExoticComponent<any>;

variable PinterestShareCount

const PinterestShareCount: {
    (
        props: Omit<
            Omit<HTMLAttributes<HTMLSpanElement>, 'children'> & {
                children?: (shareCount: number) => ReactNode;
                getCount: (
                    url: string,
                    callback: (shareCount?: number | undefined) => void
                ) => void;
                url: string;
            },
            'getCount'
        >
    ): JSX_2.Element;
    displayName: string;
};

variable PocketIcon

const PocketIcon: FC<
    Omit<SVGProps<SVGSVGElement>, 'width' | 'height'> & {
        bgStyle?: CSSProperties | undefined;
        borderRadius?: number | undefined;
        iconFillColor?: string | undefined;
        round?: boolean | undefined;
        size?: string | number | undefined;
    }
>;

variable PocketShareButton

const PocketShareButton: ForwardRefExoticComponent<any>;

variable RedditIcon

const RedditIcon: FC<
    Omit<SVGProps<SVGSVGElement>, 'width' | 'height'> & {
        bgStyle?: CSSProperties | undefined;
        borderRadius?: number | undefined;
        iconFillColor?: string | undefined;
        round?: boolean | undefined;
        size?: string | number | undefined;
    }
>;

variable RedditShareButton

const RedditShareButton: ForwardRefExoticComponent<any>;

variable RedditShareCount

const RedditShareCount: {
    (
        props: Omit<
            Omit<HTMLAttributes<HTMLSpanElement>, 'children'> & {
                children?: (shareCount: number) => ReactNode;
                getCount: (
                    url: string,
                    callback: (shareCount?: number | undefined) => void
                ) => void;
                url: string;
            },
            'getCount'
        >
    ): JSX_2.Element;
    displayName: string;
};

variable TelegramIcon

const TelegramIcon: FC<
    Omit<SVGProps<SVGSVGElement>, 'width' | 'height'> & {
        bgStyle?: CSSProperties | undefined;
        borderRadius?: number | undefined;
        iconFillColor?: string | undefined;
        round?: boolean | undefined;
        size?: string | number | undefined;
    }
>;

variable TelegramShareButton

const TelegramShareButton: ForwardRefExoticComponent<any>;

variable TumblrIcon

const TumblrIcon: FC<
    Omit<SVGProps<SVGSVGElement>, 'width' | 'height'> & {
        bgStyle?: CSSProperties | undefined;
        borderRadius?: number | undefined;
        iconFillColor?: string | undefined;
        round?: boolean | undefined;
        size?: string | number | undefined;
    }
>;

variable TumblrShareButton

const TumblrShareButton: ForwardRefExoticComponent<any>;

variable TumblrShareCount

const TumblrShareCount: {
    (
        props: Omit<
            Omit<HTMLAttributes<HTMLSpanElement>, 'children'> & {
                children?: (shareCount: number) => ReactNode;
                getCount: (
                    url: string,
                    callback: (shareCount?: number | undefined) => void
                ) => void;
                url: string;
            },
            'getCount'
        >
    ): JSX_2.Element;
    displayName: string;
};

variable TwitterIcon

const TwitterIcon: FC<
    Omit<SVGProps<SVGSVGElement>, 'width' | 'height'> & {
        bgStyle?: CSSProperties | undefined;
        borderRadius?: number | undefined;
        iconFillColor?: string | undefined;
        round?: boolean | undefined;
        size?: string | number | undefined;
    }
>;

variable TwitterShareButton

const TwitterShareButton: ForwardRefExoticComponent<any>;

variable ViberIcon

const ViberIcon: FC<
    Omit<SVGProps<SVGSVGElement>, 'width' | 'height'> & {
        bgStyle?: CSSProperties | undefined;
        borderRadius?: number | undefined;
        iconFillColor?: string | undefined;
        round?: boolean | undefined;
        size?: string | number | undefined;
    }
>;

variable ViberShareButton

const ViberShareButton: ForwardRefExoticComponent<any>;

variable VKIcon

const VKIcon: FC<
    Omit<SVGProps<SVGSVGElement>, 'width' | 'height'> & {
        bgStyle?: CSSProperties | undefined;
        borderRadius?: number | undefined;
        iconFillColor?: string | undefined;
        round?: boolean | undefined;
        size?: string | number | undefined;
    }
>;

variable VKShareButton

const VKShareButton: ForwardRefExoticComponent<any>;

variable VKShareCount

const VKShareCount: {
    (
        props: Omit<
            Omit<HTMLAttributes<HTMLSpanElement>, 'children'> & {
                children?: (shareCount: number) => ReactNode;
                getCount: (
                    url: string,
                    callback: (shareCount?: number | undefined) => void
                ) => void;
                url: string;
            },
            'getCount'
        >
    ): JSX_2.Element;
    displayName: string;
};

variable WeiboIcon

const WeiboIcon: FC<
    Omit<SVGProps<SVGSVGElement>, 'width' | 'height'> & {
        bgStyle?: CSSProperties | undefined;
        borderRadius?: number | undefined;
        iconFillColor?: string | undefined;
        round?: boolean | undefined;
        size?: string | number | undefined;
    }
>;

variable WeiboShareButton

const WeiboShareButton: ForwardRefExoticComponent<any>;

variable WhatsappIcon

const WhatsappIcon: FC<
    Omit<SVGProps<SVGSVGElement>, 'width' | 'height'> & {
        bgStyle?: CSSProperties | undefined;
        borderRadius?: number | undefined;
        iconFillColor?: string | undefined;
        round?: boolean | undefined;
        size?: string | number | undefined;
    }
>;

variable WhatsappShareButton

const WhatsappShareButton: ForwardRefExoticComponent<any>;

variable WorkplaceIcon

const WorkplaceIcon: FC<
    Omit<SVGProps<SVGSVGElement>, 'width' | 'height'> & {
        bgStyle?: CSSProperties | undefined;
        borderRadius?: number | undefined;
        iconFillColor?: string | undefined;
        round?: boolean | undefined;
        size?: string | number | undefined;
    }
>;

variable WorkplaceShareButton

const WorkplaceShareButton: ForwardRefExoticComponent<any>;

variable XIcon

const XIcon: FC<
    Omit<SVGProps<SVGSVGElement>, 'width' | 'height'> & {
        bgStyle?: CSSProperties | undefined;
        borderRadius?: number | undefined;
        iconFillColor?: string | undefined;
        round?: boolean | undefined;
        size?: string | number | undefined;
    }
>;

Package Files (1)

dist/index.d.ts

Dependencies (2)

Peer Dependencies (1)

react

Badge

To add a badge like this oneto your package's README, use the codes available below.

You may also use Shields.io to create a custom badge linking to https://www.jsdocs.io/package/react-share.

Markdown

[![jsDocs.io](https://img.shields.io/badge/jsDocs.io-reference-blue)](https://www.jsdocs.io/package/react-share)

HTML

<a href="https://www.jsdocs.io/package/react-share"><img src="https://img.shields.io/badge/jsDocs.io-reference-blue" alt="jsDocs.io"></a>

Updated 15 days ago.
Package analyzed in 3609 ms.
Missing or incorrect documentation? Open an issue for this package.

react-share

Install

Overview

Index

Variables

Variables

variable EmailIcon

variable EmailShareButton

variable FacebookIcon

variable FacebookMessengerIcon

variable FacebookMessengerShareButton

variable FacebookShareButton

variable FacebookShareCount

variable GabIcon

variable GabShareButton

variable HatenaIcon

variable HatenaShareButton

variable HatenaShareCount

variable InstapaperIcon

variable InstapaperShareButton

variable LineIcon

variable LineShareButton

variable LinkedinIcon

variable LinkedinShareButton

variable LivejournalIcon

variable LivejournalShareButton

variable MailruIcon

variable MailruShareButton

variable OKIcon

variable OKShareButton

variable OKShareCount

variable PinterestIcon

variable PinterestShareButton

variable PinterestShareCount

variable PocketIcon

variable PocketShareButton

variable RedditIcon

variable RedditShareButton

variable RedditShareCount

variable TelegramIcon

variable TelegramShareButton

variable TumblrIcon

variable TumblrShareButton

variable TumblrShareCount

variable TwitterIcon

variable TwitterShareButton

variable ViberIcon

variable ViberShareButton

variable VKIcon

variable VKShareButton

variable VKShareCount

variable WeiboIcon

variable WeiboShareButton

variable WhatsappIcon

variable WhatsappShareButton

variable WorkplaceIcon

variable WorkplaceShareButton

variable XIcon

Package Files (1)

Dependencies (2)

Dev Dependencies (22)

Peer Dependencies (1)

Badge