# ngx-medium-widget

> Show your Medium posts (or others) right in your Angular app. This is just an Angular wrapper component around https://medium-widget.pixelpoint.io

Latest version **1.0.5** (published 2019-03-01) · SEE LICENSE IN LICENSE license · 0 weekly downloads

## Install

```sh
npm install ngx-medium-widget
pnpm add ngx-medium-widget
yarn add ngx-medium-widget
bun add ngx-medium-widget
```

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.5 |
| Published | 2019-03-01 |
| First published | 2019-03-01 |
| Weekly downloads | 0 |
| License | SEE LICENSE IN LICENSE |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 83.8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 4 |
| Author | @aleixsuau |
| Maintainers | aleixsuau |
| Keywords | Angular, Library, Medium, Posts, Articles, Medium Widget, PixelPoint |

## Links

- npm: https://www.npmjs.com/package/ngx-medium-widget
- Repository: https://github.com/aleixsuau/ngx-medium-widget
- Homepage: https://github.com/aleixsuau/ngx-medium-widget#readme
- Issues: https://github.com/aleixsuau/ngx-medium-widget/issues
- npm.io page: https://npm.io/package/ngx-medium-widget

## Dependencies (1)

- [tslib](https://npm.io/package/tslib.md) ^1.9.0

## Alternatives

- [@sindresorhus/slugify](https://npm.io/package/@sindresorhus/slugify.md) — 3.7M weekly downloads
- [solid-js](https://npm.io/package/solid-js.md) — 2.7M weekly downloads
- [expo-glass-effect](https://npm.io/package/expo-glass-effect.md) — 2.5M weekly downloads
- [nanoassert](https://npm.io/package/nanoassert.md) — 780.8K weekly downloads
- [@ffmpeg/ffmpeg](https://npm.io/package/@ffmpeg/ffmpeg.md) — 529.5K weekly downloads

## Recent versions

- 1.0.5 (latest) — 2019-03-01
- 1.0.4 — 2019-03-01
- 1.0.3 — 2019-03-01
- 1.0.2 — 2019-03-01
- 1.0.0 — 2019-03-01

## README

# NGX-MEDIUM-WIDGET
Show your Medium posts (or others) right in your Angular app.

This is just an Angular wrapper component around https://medium-widget.pixelpoint.io



## API REFERENCE for ngx-medium-widget:

1 - Import the module:

  ```
  import { MediumWidgetModule } from 'ngx-medium-widget';
  ```

2 - Add it to the module where you want to use it:

  ```
  @NgModule({
    declarations: [...],
    imports: [ MediumWidgetModule],
  })
  export class sampleModule { }
  ```

You can check a working example here: https://stackblitz.com/edit/ngx-medium-posts-widget



## COMPONENT: MediumWidgetComponent

```
<ngx-medium-widget resource="https://medium.com/@aleixsuau"
                   postsLimit="10"
                   postsPerLine="3"
                   pictureSize="small"
                   [postfields]="['description', 'author', 'claps']"
                   postRatio="square">
</ngx-medium-widget>
```

@Input()
**resource**: string;
- Url of the posts resource (ie: https://medium.com/@aleixsuau)

@Input()
**postsLimit**?: number;
- Number of total posts to show
- Defaults to 100

@Input()
**postsPerLine**?: number;
- Number of posts to show per line
- Defaults to 2

@Input()
**pictureSize**?: 'big' | 'small';
- Size of the post's picture
- Defaults to 'big'

@Input()
**postfields**?: 'description' | 'author' | 'claps' | 'publishAt'[];
- Array of post's fields to show.
- Defaults to ['description', 'author', 'claps', 'publishAt']

@Input()
**postRatio**?: 'original' | 'landscape' | 'square';
- Post ratio.
- Defaults to 'landscape'

---
_Source: https://npm.io/package/ngx-medium-widget · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._