open-index/open-npm huggingface dataset:
npm package: @ng-solid/components
Description: An Angular UI component library based on Ant Design.
Author: Ulises Familia Rodríguez
Latest version: 19.5.3

# Angular UI Components

[![NPM version][npm-image]][npm-url]

[npm-image]: https://img.shields.io/npm/v/@ng-solid/facebook.svg?style=flat-square
[npm-url]: https://www.npmjs.com/@ng-solid/facebook

An Angular UI component library based on Ant Design.

## Installation

```bash
$ ng new PROJECT_NAME
$ cd PROJECT_NAME
$ ng add @ng-solid/components
```

You can also install `@ng-solid/components` with npm or yarn

## Usage

Import the component module you want to use in your `app.module.ts` file
or [feature modules](https://angular.io/guide/feature-modules) as you need.

### Buttons

```ts
import { NsButtonModule } from '@ng-solid/components';

@NgModule({
  imports: [...NsButtonModule]
})
export class AppModule {}
```

and in your html template

```angular2html
<ns-button label="My Button" [theme]="true"></ns-button>
```
npm package: @ng-solid/core
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 10.0.9.
Author: Ulises Familia Rodríguez
Latest version: 19.5.1

# Core

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 10.0.9.

## Code scaffolding

Run `ng generate component component-name --project core` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project core`.

> Note: Don't forget to add `--project core` or else it will be added to the default project in your `angular.json` file.

## Build

Run `ng build core` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build core`, go to the dist folder `cd dist/core` and run `npm publish`.

## Running unit tests

Run `ng test core` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
npm package: @ng-solid/facebook
Description: A library of Facebook UI components for Angular
Author: Ulises Familia Rodríguez
Latest version: 19.5.0

# Facebook Integration

[![NPM version][npm-image]][npm-url]

[npm-image]: https://img.shields.io/npm/v/@ng-solid/facebook.svg?style=flat-square
[npm-url]: https://www.npmjs.com/@ng-solid/facebook

A library of Facebook UI components for Angular

## Components

- Login button (provides user information and signed request)
- Like button (developing)
- Share button (developing)

## Installation

```bash
$ ng new PROJECT_NAME
$ cd PROJECT_NAME
$ ng add @ng-solid/facebook
```

You can also install `@ng-solid/facebook` with npm or yarn

## Usage

Import the component module you want to use in your `app.module.ts` file
and [feature modules](https://angular.io/guide/feature-modules).

```ts
import { NsFacebookModule } from '@ng-solid/facebook';

@NgModule({
  imports: [
    NsFacebookModule.forRoot({
      appId: '{api-id}',
      cookie: true,
      xfbml: true,
      version: '{api-version}'
    })
  ]
})
export class AppModule {}
```

## Login button

```ts
import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-component',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})
export class AppComponent implements OnInit {
  constructor() {}

  ngOnInit() {}

  onLogin(status: fb.StatusResponse) {}
}
```

Add this to your template:

```html
<ns-facebook-login [rounded]="true" (onLogin)="onLogin($event)"
  >Continue with Facebook</ns-facebook-login
>
```
npm package: @ng-solid/google
Description: A library of Google UI components for Angular
Author: Ulises Familia Rodríguez
Latest version: 19.5.0

# Google

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 10.0.9.

## Code scaffolding

Run `ng generate component component-name --project twitter` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project twitter`.

> Note: Don't forget to add `--project twitter` or else it will be added to the default project in your `angular.json` file.

## Build

Run `ng build twitter` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build twitter`, go to the dist folder `cd dist/twitter` and run `npm publish`.

## Running unit tests

Run `ng test twitter` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
npm package: @ng-solid/icons
Description: An Angular Icon Component, Semantic vector graphics.
Author: Ulises Familia Rodríguez
Latest version: 19.5.0

# Icons

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 13.4.0.

## Code scaffolding

Run `ng generate component component-name --project icons` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project icons`.

> Note: Don't forget to add `--project icons` or else it will be added to the default project in your `angular.json` file.

## Build

Run `ng build icons` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build icons`, go to the dist folder `cd dist/icons` and run `npm publish`.

## Running unit tests

Run `ng test icons` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
npm package: @ng-solid/twitter
Description: A library of Twitter UI components for Angular
Author: Ulises Familia Rodríguez
Latest version: 19.5.0

# Twitter

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 10.0.9.

## Code scaffolding

Run `ng generate component component-name --project twitter` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project twitter`.

> Note: Don't forget to add `--project twitter` or else it will be added to the default project in your `angular.json` file.

## Build

Run `ng build twitter` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build twitter`, go to the dist folder `cd dist/twitter` and run `npm publish`.

## Running unit tests

Run `ng test twitter` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).