https://github.com/neetjn/riot-ani-search

Lightweight riot.js tag for searching anime using anilist's api.
https://github.com/neetjn/riot-ani-search

anichart component css javascript riot riotjs tag

Last synced: 3 months ago
JSON representation

Lightweight riot.js tag for searching anime using anilist's api.

README

# riot-ani-search

[![build](https://travis-ci.org/neetjn/riot-ani-search.svg?branch=master)](https://travis-ci.org/neetjn/riot-ani-search/)

[![NPM](https://nodei.co/npm/riot-ani-search.png)](https://nodei.co/npm/riot-ani-search/)

Lightweight riot.js tag for searching for anime using anichart's api.

## About

**riot-anti-search** is a simple riot tag used for quickly searching for anime using the anilist api.

This tag doesn't depend on any css frameworks, all styles were made with vanilla css using flexbox.

### Examples

* https://riot-ani-search.firebaseapp.com/
* https://jsfiddle.net/neetjn/mh4mcvk3/

## Usage

To install via NPM:

```bash
npm install riot-ani-search
```

For a quick start using jsdelivr:

```html

```

This tag takes a total of 3 opts:

> **`*client_id`** ; `string` : Client id for anilist api.

> **`*client_secret`** ; `string` : Client secret key for anilist api.

> **`mature`** ; `void` : Will remove filtering for mature search results.

Once available, **riot-ani-search** can be used like so:

```html

```

### Contributors

* **John Nolette** (john@neetgroup.net)