Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/scttcper/ngx-github-buttons

GitHub Buttons in Angular
https://github.com/scttcper/ngx-github-buttons

angular github-buttons

Last synced: 2 months ago
JSON representation

GitHub Buttons in Angular

Awesome Lists containing this project

README

        

![ngx-github-buttons](https://raw.githubusercontent.com/scttcper/ngx-github-buttons/master/src/assets/share.png)

# ngx-github-buttons [![npm](https://img.shields.io/npm/v/@ctrl/ngx-github-buttons.svg)](https://www.npmjs.com/package/@ctrl/ngx-github-buttons)

> GitHub buttons without the iframe, for Angular

### Demo
https://ngx-github-buttons.vercel.app

__Choose from two styles__:
- ntkme: https://buttons.github.io/
- mdo: https://ghbtns.com/

### Install
```console
npm install @ctrl/ngx-github-buttons
```

### Use
Import the component
```ts
import { NtkmeButtonModule } from '@ctrl/ngx-github-buttons';
// or
import { MdoButtonModule } from '@ctrl/ngx-github-buttons';
```
Use the component
```html

```
or
```html

```

### API
| Input | Type | default | Description |
| ------------ | ------- | ------- | ------------------------------------------------------------------ |
| user | string | | user or org |
| repo | string | | repository name |
| type | string | `star` | `star`, `follow`, `watch`, `fork`. ntkme only: `issue`, `download` |
| count | boolean | `false` | show count of stars, issues, followers etc. |
| size | string | `'none'`| `'large'` for a bigger size button |
| standardIcon | boolean | `false` | ntkme only: use the github logo instead of other icons |

### License
This project is MIT licensed, but each set of buttons have their own license.
The mdo buttons are Licensed [Apache 2](https://github.com/mdo/github-buttons/blob/master/LICENSE.md)
The ntkme buttons are Licensed [BSD 2-clause](https://github.com/ntkme/github-buttons/blob/master/LICENSE.md)