ng-social-buttons v1.0.4

NgSocialButtons

Angular version 15+

Repository: https://github.com/brendogomes/ng-social-buttons

NgSocialButtons is a user-friendly library designed to facilitate the generation of social media buttons. This library is specifically developed for Angular (hence the "Ng" prefix) and aims to simplify the process of incorporating social media sharing functionality into web applications.

Stack used

Angular 15+

Installation

install my-project with npm

  npm i ng-social-buttons
  cd my-project

Usage/Examples

import { SocialButtonComponent } from 'ng-social-buttons';
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';

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

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    SocialButtonComponent, //standalone components
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

<lib-social-button 
    [sizeButton]="'md'" 
    [typeButton]="'youTube'"   
    [referralUrl]="'https://www.youtube.com'"
    [targetMode]="'_blank'"
>
</lib-social-button>  

Accepted values

  referralUrl = 'https://www.npmjs.com/'; -> string
  targetMode = '_self' | '_blank' = '_self'; -> string
  sizeButton = 'sm' | 'md' | 'lg'  = 'md'; -> string
  typeButton = 'whatsApp' | 'youTube' | 'instagram' | 'facebook' | 'tikTok' | 'linkedIn' | 'twitter' | 'gitHub' | 'default' = 'default'; -> string