# @logo-elements/tags-list

> List of tags for inform user about what she/he selected

Latest version **23.0.13** (published 2024-02-21) · See license in LICENSE file license · 0 weekly downloads

## Install

```sh
npm install @logo-elements/tags-list
pnpm add @logo-elements/tags-list
yarn add @logo-elements/tags-list
bun add @logo-elements/tags-list
```

## Health

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

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 23.0.13 |
| Published | 2024-02-21 |
| First published | 2022-03-03 |
| Weekly downloads | 0 |
| License | See license in LICENSE file |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 3 |
| Unpacked size | 681.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Serhan GÜRBÜZ |
| Maintainers | furkan.cetin, yusufyilmaz, serdarates, gamzeyapici, serhan.gurbuz |
| Keywords | Logo Elements, Logo, Elements, LEDS, web-components, web-component, web compoonent, web, component, polymer, tags, list, tags list |

## Links

- npm: https://www.npmjs.com/package/@logo-elements/tags-list
- Homepage: http://elements.logo.com.tr
- npm.io page: https://npm.io/package/@logo-elements/tags-list

## Dependencies (3)

- [@polymer/polymer](https://npm.io/package/@polymer/polymer.md) ^3.0.0
- [@logo-elements/icon](https://npm.io/package/@logo-elements/icon.md) ^23.0.0
- [@logo-elements/button](https://npm.io/package/@logo-elements/button.md) ^23.0.0

## Alternatives

- [@opentelemetry/exporter-zipkin](https://npm.io/package/@opentelemetry/exporter-zipkin.md) — 14.8M weekly downloads
- [pusher-js](https://npm.io/package/pusher-js.md) — 2.0M weekly downloads
- [browserify](https://npm.io/package/browserify.md) — 1.7M weekly downloads
- [sqs-consumer](https://npm.io/package/sqs-consumer.md) — 1.7M weekly downloads
- [@sanity/eventsource](https://npm.io/package/@sanity/eventsource.md) — 930.8K weekly downloads

## Recent versions

- 23.0.13 (latest) — 2024-02-21
- 23.0.12 — 2023-03-15
- 23.0.0 — 2022-10-07
- 1.0.2 — 2022-03-29
- 1.0.1 — 2022-03-25
- 1.0.0 — 2022-03-09
- 0.0.2 — 2022-03-07
- 0.0.1 — 2022-03-03

## README

# @logo-elements/tags-list

List of tags for inform user about what she/he selected

[![npm version](https://badgen.net/npm/v/@logo-elements/tags-list)](https://www.npmjs.com/package/@logo-elements/tags-list)

```html
<logo-elements-tags-list 
        items="tagList"
        show-empty="false"
        empty-text="No Content"
        clear-all-text="Clear All"
        show-label="true"
        label-text="Filters"
>
</logo-elements-tags-list>
```

The items interface is

```js
[
    {
        title: String,
        value: String,
        id: String,
    }
]
```

The sample data is:

```js
const tagList = [
          {
            "title": "Test Item 1",
            "value": "Patates",
            "id": "4567"
          },
          {
            "title": "Test Item 2",
            "value": "Domates",
            "id": "1234"
          },
        ];
```

## Events

* <b>tagRemoved</b> : Item id fired when single item is removed.
  <br>Interface of the output:

```json
{detail: {id: string}}
```

* <b>tagsCleared</b> : Fires when all tags are cleared from the list.
  <br>Interface of the output:

```json
{detail: {items: Array}}
```

## Installation

Install the component:

```sh
npm i @logo-elements/tags-list -s
```

Once installed, import the component in your application:

```js
import '@logo-elements/tags-list';
```

### For more detailed information, please visit:

[Logo Elements Documentation ↗](http://elements.logo.com.tr)

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