NgxMagicSocialShare

This is very simple social share plugin that will share website or app url to the social media network. This is very high customizable plugin and very easy to use.

Currently supported

• Facebook
• Google Plus
• Twitter
• WhatsApp
• Email
• More yet to come ...

Installation

npm install ngx-magic-social-share

or

yarn add ngx-magic-social-share

Demo

ngx social share

In your "AppModule" file add this plugin

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';

// ngx-magic-social-share added
import { MagicSocialShareModule } from 'ngx-magic-social-share';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    MagicSocialShareModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Default Usage

In your component folder you can use like the below example

<magic-fb-share></magic-fb-share>
<magic-gplus-share></magic-gplus-share>
<magic-twitt-share></magic-twitt-share>
<magic-whatsapp-share></magic-whatsapp-share>
<magic-mail-share></magic-mail-share>

Note: If you use like this then this social share plugin will share the current page url

Customization by property

Name	Can Use	Details
url	In all component	Set your url that you want to share
icon	In all component	Set your custom icon (use image path or url)
width	In all component	Set the icon size
extraText	Only In "magic-mail-share" component	Set the additional text for the email body

Note

You feel free to contribute or find issue.