# angular-searchable-list

> This library is used to create a list that can be filtered, and can be used with angular material 9 and above

Latest version **0.0.4** (published 2020-03-23) · (MIT OR Apache-2.0) license · 0 weekly downloads

## Install

```sh
npm install angular-searchable-list
pnpm add angular-searchable-list
yarn add angular-searchable-list
bun add angular-searchable-list
```

## Health

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

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.4 |
| Published | 2020-03-23 |
| First published | 2020-03-20 |
| Weekly downloads | 0 |
| License | (MIT OR Apache-2.0) |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 0 |
| Unpacked size | 133.8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Maintainers | divesh.panwar |
| Keywords | divesh panwar, angular-searchable-list, angular-material-list, angular list, list with filter |

## Links

- npm: https://www.npmjs.com/package/angular-searchable-list
- Repository: https://github.com/diveshpanwar/angular-searchable-list
- Homepage: https://github.com/diveshpanwar/angular-searchable-list#readme
- Issues: https://github.com/diveshpanwar/angular-searchable-list/issues
- npm.io page: https://npm.io/package/angular-searchable-list

## Alternatives

- [jsforce](https://npm.io/package/jsforce.md) — 851.2K weekly downloads
- [react-native-qrcode-svg](https://npm.io/package/react-native-qrcode-svg.md) — 693.5K weekly downloads
- [@salesforce/plugin-data](https://npm.io/package/@salesforce/plugin-data.md) — 394.9K weekly downloads
- [@backstage/plugin-search-common](https://npm.io/package/@backstage/plugin-search-common.md) — 308.5K weekly downloads
- [@chain-registry/types](https://npm.io/package/@chain-registry/types.md) — 38.4K weekly downloads

## Recent versions

- 0.0.4 (latest) — 2020-03-23
- 0.0.3 — 2020-03-20
- 0.0.2 — 2020-03-20
- 0.0.1 — 2020-03-20

## README

# Angular Searchable List

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

# Dependencies

- Angular Material 9

# Installation

`npm install angular-searchable-list`

# Description

## Single List

These are the array of strings or numbers

## Multi List

These are the array of objects of following type

```
[
    {
    name: 'one',
    value: '1'
    },
    {
        name: 'two',
        value: '2'
    }
]
```
# How to use
## Single List
```
<lib-searchable-list type='action' [data]="data" listType='single' [dense]="'dense'" [hoverable]="true" height='100px'></lib-searchable-list>
```
## Multi List
```
<lib-searchable-list type='action' [data]="data" listType='multi' [dense]="'dense'" [hoverable]="true"></lib-searchable-list>
```

# Parameters
* type : It can be `normal` or `action` which provides hovering capability on list items
* data : It can be array of `numbers`, `strings` for `listType: 'single'` or array of `objects` for `listType: 'multi`
* listType : It can be `single` or `multi`
* dense (optional) : It controls the height and padding of the list `dense='dense'`
* hoverable (optional) : It can be true or false `[hoverable]=true/false`
* height (oprtional) : It controls the height of the list

# Bugs
If you counter any bugs then open a bug [https://github.com/diveshpanwar/angular-searchable-list/issues](OPEN ISSUE)

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