Library Github User Widget

shows the info of a github user.

Instructions

Follow this instructions

Installation

npm install ngx-github-user-widget

Config

On the app.component.ts (by default) we import the libraries component "UserComponent, UserFinderComponent"

import {
  UserComponent,
  UserFinderComponent,
} from 'ngx-github-user-widget';
import { Component } from '@angular/core';
import { RouterOutlet } from '@angular/router';

@Component({
  selector: 'app-root',
  standalone: true,
  imports: [RouterOutlet, UserComponent, UserFinderComponent],
  templateUrl: './app.component.html',
  styleUrl: './app.component.css',
})
export class AppComponent {
  title = 'base-angular-project';
}

Add Styles

On src/styles of the app we import

@import './../node_modules/ngx-github-user-widget/lib/assets/styles/styles.css';

Use

• with finder

  <guw-user-finder></guw-user-finder>

• Without finder

  <guw-user [search]="searchText"></guw-user>