ngx-apple-login v1.0.6

Angular Apple Login

This library was generated with Angular CLI version 13.3.0.

Compatibility Matrix

Getting started

Install via npm

npm i ngx-apple-login

Import the module

In your AppModule, import the NgxAppleLoginModule

import { NgxAppleLoginModule } from 'ngx-apple-login';

@NgModule({
  declarations: [
    ...
  ],
  imports: [
    ...
    NgxAppleLoginModule
  ],
})

export class AppModule { }

Usage

In Template use

<ngx-apple-login [noDefaultStyle]="true" [uiType]="'dark'" [buttonLabel]="'Signup'" [config]="config" (onSuccess)="handleOnSuccess($event)" (onError)="handleError($event)"></ngx-apple-login>

In Component use

import { AppleAuthOptions } from 'ngx-apple-login/entities/apple-auth-options'

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})

export class AppComponent  {

  config: AppleAuthOptions = {
    clientId: 'com.example.com',
    scope: 'email name',
    usePopup: true,
    redirectURI: '/'
  }

  handleOnSuccess(event: any){
    // Success Response
  }

  handleError(event: any){
    // Error Response
  }
}

Using Service Only

import { NgxAppleLoginService } from 'ngx-apple-login';
import { AppleAuthOptions } from 'ngx-apple-login/entities/apple-auth-options'

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})

export class AppComponent  {

  config: AppleAuthOptions = {
    clientId: 'com.example.com',
    scope: 'email name',
    usePopup: true,
    redirectURI: '/'
  }
  
  constructor(private ngxAppleLoginService: NgxAppleLoginService){}
  
  signIn(){
    this.ngxAppleLoginService.signIn(this.config).then((res) => {
      // Success Response
    }).catch((error) => {
      // Error Response
    })
  }

}

API

AppleAuthOptions