0.1.2 • Published 6 years ago

ngx-magic-social-share v0.1.2

Weekly downloads
5
License
MIT
Repository
-
Last release
6 years ago

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

NameCan UseDetails
urlIn all componentSet your url that you want to share
iconIn all componentSet your custom icon (use image path or url)
widthIn all componentSet the icon size
extraTextOnly In "magic-mail-share" componentSet the additional text for the email body

Note

You feel free to contribute or find issue.