ngx-magic-social-share
TypeScript icon, indicating that this package has built-in type declarations

0.1.2 • Public • Published

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.

Readme

Keywords

none

Package Sidebar

Install

npm i ngx-magic-social-share

Weekly Downloads

2

Version

0.1.2

License

MIT

Unpacked Size

238 kB

Total Files

35

Last publish

Collaborators

  • subhojit1992