open-index/open-npm huggingface dataset:
npm package: @responsive-ui/hscroll
Description: A horizontal scroll component of responsive-ui.
Author: Si3nLoong
Latest version: 1.1.0-alpha.58


# @responsive-ui/hscroll

> A horizontal scroll component of responsive-ui.

<p>

[![Svelte v3](https://img.shields.io/badge/svelte-v3-orange.svg)](https://svelte.dev)
[![npm](https://img.shields.io/npm/v/@responsive-ui/hscroll.svg)](https://www.npmjs.com/package/@responsive-ui/hscroll)
[![Bundle Size](https://badgen.net/bundlephobia/minzip/%40responsive-ui%2Fhscroll)](https://bundlephobia.com/result?p=%40responsive-ui%2Fhscroll)
[![download](https://img.shields.io/npm/dw/@responsive-ui/hscroll.svg)](https://www.npmjs.com/package/@responsive-ui/hscroll)
[![LICENCE](https://img.shields.io/github/license/wetix/responsive-ui)](https://github.com/wetix/responsive-ui/blob/main/LICENSE)

</p>

## 🔨 Install

```console
npm install @responsive-ui/hscroll
```

or

```console
yarn add @responsive-ui/hscroll
```

## 🔋 Sponsors

<img src="https://asset.wetix.my/images/logo/wetix.png" alt="WeTix" width="200px">

## 📄 License

[@responsive-ui/hscroll](https://github.com/wetix/responsive-ui/tree/main/components/hscroll) is 100% free and open-source, under the [MIT license](https://github.com/wetix/responsive-ui/blob/main/LICENSE).

## 🎉 Big Thanks To

Thanks to these awesome companies for their support of Open Source developers ❤

[![GitHub](https://jstools.dev/img/badges/github.svg)](https://github.com/open-source)
[![NPM](https://jstools.dev/img/badges/npm.svg)](https://www.npmjs.com/)
npm package: @responsive-ui/icon
Description: A icon component of responsive-ui.
Author: Si3nLoong
Latest version: 1.1.0-alpha.58


# @responsive-ui/icon

> A icon component of responsive-ui.

<p>

[![Svelte v3](https://img.shields.io/badge/svelte-v3-orange.svg)](https://svelte.dev)
[![npm](https://img.shields.io/npm/v/@responsive-ui/icon.svg)](https://www.npmjs.com/package/@responsive-ui/icon)
[![Bundle Size](https://badgen.net/bundlephobia/minzip/%40responsive-ui%2Ficon)](https://bundlephobia.com/result?p=%40responsive-ui%2Ficon)
[![download](https://img.shields.io/npm/dw/@responsive-ui/icon.svg)](https://www.npmjs.com/package/@responsive-ui/icon)
[![LICENCE](https://img.shields.io/github/license/wetix/responsive-ui)](https://github.com/wetix/responsive-ui/blob/main/LICENSE)

</p>

## 🔨 Install

```console
npm install @responsive-ui/icon
```

or

```console
yarn add @responsive-ui/icon
```

## 🔋 Sponsors

<img src="https://asset.wetix.my/images/logo/wetix.png" alt="WeTix" width="200px">

## 📄 License

[@responsive-ui/icon](https://github.com/wetix/responsive-ui/tree/main/components/icon) is 100% free and open-source, under the [MIT license](https://github.com/wetix/responsive-ui/blob/main/LICENSE).

## 🎉 Big Thanks To

Thanks to these awesome companies for their support of Open Source developers ❤

[![GitHub](https://jstools.dev/img/badges/github.svg)](https://github.com/open-source)
[![NPM](https://jstools.dev/img/badges/npm.svg)](https://www.npmjs.com/)
npm package: @responsive-ui/infinite-scroll
Description: Infinite Scroll component
Author: Si3nLoong
Latest version: 1.0.9-alpha.7


# @responsive-ui/infinite-scroll

> Infinite Scroll component

<p>

[![Svelte v3](https://img.shields.io/badge/svelte-v3-orange.svg)](https://svelte.dev)
[![npm](https://img.shields.io/npm/v/@responsive-ui/infinite-scroll.svg)](https://www.npmjs.com/package/@responsive-ui/infinite-scroll)
[![Bundle Size](https://badgen.net/bundlephobia/minzip/%40responsive-ui%2Finfinite-scroll)](https://bundlephobia.com/result?p=%40responsive-ui%2Finfinite-scroll)
[![download](https://img.shields.io/npm/dw/@responsive-ui/infinite-scroll.svg)](https://www.npmjs.com/package/@responsive-ui/infinite-scroll)
[![LICENCE](https://img.shields.io/github/license/wetix/responsive-ui)](https://github.com/wetix/responsive-ui/blob/main/LICENSE)

</p>

## 🔨 Install

```console
npm install @responsive-ui/infinite-scroll
```

or

```console
yarn add @responsive-ui/infinite-scroll
```

## 🔋 Sponsors

<img src="https://asset.wetix.my/images/logo/wetix.png" alt="WeTix" width="200px">

## 📄 License

[@responsive-ui/infinite-scroll](https://github.com/wetix/responsive-ui/tree/main/components/infinite-scroll) is 100% free and open-source, under the [MIT license](https://github.com/wetix/responsive-ui/blob/main/LICENSE).

## 🎉 Big Thanks To

Thanks to these awesome companies for their support of Open Source developers ❤

[![GitHub](https://jstools.dev/img/badges/github.svg)](https://github.com/open-source)
[![NPM](https://jstools.dev/img/badges/npm.svg)](https://www.npmjs.com/)
npm package: @responsive-ui/input
Description: A input component of responsive-ui.
Author: Si3nLoong
Latest version: 1.1.0-alpha.58


# @responsive-ui/input

> A input component of responsive-ui.

<p>

[![Svelte v3](https://img.shields.io/badge/svelte-v3-orange.svg)](https://svelte.dev)
[![npm](https://img.shields.io/npm/v/@responsive-ui/input.svg)](https://www.npmjs.com/package/@responsive-ui/input)
[![Bundle Size](https://badgen.net/bundlephobia/minzip/%40responsive-ui%2Finput)](https://bundlephobia.com/result?p=%40responsive-ui%2Finput)
[![download](https://img.shields.io/npm/dw/@responsive-ui/input.svg)](https://www.npmjs.com/package/@responsive-ui/input)
[![LICENCE](https://img.shields.io/github/license/wetix/responsive-ui)](https://github.com/wetix/responsive-ui/blob/main/LICENSE)

</p>

## 🔨 Install

```console
npm install @responsive-ui/input
```

or

```console
yarn add @responsive-ui/input
```

## 🔋 Sponsors

<img src="https://asset.wetix.my/images/logo/wetix.png" alt="WeTix" width="200px">

## 📄 License

[@responsive-ui/input](https://github.com/wetix/responsive-ui/tree/main/components/input) is 100% free and open-source, under the [MIT license](https://github.com/wetix/responsive-ui/blob/main/LICENSE).

## 🎉 Big Thanks To

Thanks to these awesome companies for their support of Open Source developers ❤

[![GitHub](https://jstools.dev/img/badges/github.svg)](https://github.com/open-source)
[![NPM](https://jstools.dev/img/badges/npm.svg)](https://www.npmjs.com/)
npm package: @responsive-ui/input-number
Description: A input number component of responsive-ui.
Author: Si3nLoong
Latest version: 1.1.0-alpha.58


# @responsive-ui/input-number

> A input number component of responsive-ui.

<p>

[![Svelte v3](https://img.shields.io/badge/svelte-v3-orange.svg)](https://svelte.dev)
[![npm](https://img.shields.io/npm/v/@responsive-ui/input-number.svg)](https://www.npmjs.com/package/@responsive-ui/input-number)
[![Bundle Size](https://badgen.net/bundlephobia/minzip/%40responsive-ui%2Finput-number)](https://bundlephobia.com/result?p=%40responsive-ui%2Finput-number)
[![download](https://img.shields.io/npm/dw/@responsive-ui/input-number.svg)](https://www.npmjs.com/package/@responsive-ui/input-number)
[![LICENCE](https://img.shields.io/github/license/wetix/responsive-ui)](https://github.com/wetix/responsive-ui/blob/main/LICENSE)

</p>

## 🔨 Install

```console
npm install @responsive-ui/input-number
```

or

```console
yarn add @responsive-ui/input-number
```

## 🔋 Sponsors

<img src="https://asset.wetix.my/images/logo/wetix.png" alt="WeTix" width="200px">

## 📄 License

[@responsive-ui/input-number](https://github.com/wetix/responsive-ui/tree/main/components/input-number) is 100% free and open-source, under the [MIT license](https://github.com/wetix/responsive-ui/blob/main/LICENSE).

## 🎉 Big Thanks To

Thanks to these awesome companies for their support of Open Source developers ❤

[![GitHub](https://jstools.dev/img/badges/github.svg)](https://github.com/open-source)
[![NPM](https://jstools.dev/img/badges/npm.svg)](https://www.npmjs.com/)
npm package: @responsive-ui/label
Description: A label component of responsive-ui.
Author: Si3nLoong
Latest version: 1.1.0-alpha.58


# @responsive-ui/label

> A label component of responsive-ui.

<p>

[![Svelte v3](https://img.shields.io/badge/svelte-v3-orange.svg)](https://svelte.dev)
[![npm](https://img.shields.io/npm/v/@responsive-ui/label.svg)](https://www.npmjs.com/package/@responsive-ui/label)
[![Bundle Size](https://badgen.net/bundlephobia/minzip/%40responsive-ui%2Flabel)](https://bundlephobia.com/result?p=%40responsive-ui%2Flabel)
[![download](https://img.shields.io/npm/dw/@responsive-ui/label.svg)](https://www.npmjs.com/package/@responsive-ui/label)
[![LICENCE](https://img.shields.io/github/license/wetix/responsive-ui)](https://github.com/wetix/responsive-ui/blob/main/LICENSE)

</p>

## 🔨 Install

```console
npm install @responsive-ui/label
```

or

```console
yarn add @responsive-ui/label
```

## 🔋 Sponsors

<img src="https://asset.wetix.my/images/logo/wetix.png" alt="WeTix" width="200px">

## 📄 License

[@responsive-ui/label](https://github.com/wetix/responsive-ui/tree/main/components/label) is 100% free and open-source, under the [MIT license](https://github.com/wetix/responsive-ui/blob/main/LICENSE).

## 🎉 Big Thanks To

Thanks to these awesome companies for their support of Open Source developers ❤

[![GitHub](https://jstools.dev/img/badges/github.svg)](https://github.com/open-source)
[![NPM](https://jstools.dev/img/badges/npm.svg)](https://www.npmjs.com/)
npm package: @responsive-ui/link
Description: A link component of responsive-ui.
Author: Si3nLoong
Latest version: 1.0.9-alpha.6


# @responsive-ui/link

> A link component of responsive-ui.

<p>

[![Svelte v3](https://img.shields.io/badge/svelte-v3-orange.svg)](https://svelte.dev)
[![npm](https://img.shields.io/npm/v/@responsive-ui/link.svg)](https://www.npmjs.com/package/@responsive-ui/link)
[![Bundle Size](https://badgen.net/bundlephobia/minzip/%40responsive-ui%2Flink)](https://bundlephobia.com/result?p=%40responsive-ui%2Flink)
[![download](https://img.shields.io/npm/dw/@responsive-ui/link.svg)](https://www.npmjs.com/package/@responsive-ui/link)
[![LICENCE](https://img.shields.io/github/license/wetix/responsive-ui)](https://github.com/wetix/responsive-ui/blob/main/LICENSE)

</p>

## 🔨 Install

```console
npm install @responsive-ui/link
```

or

```console
yarn add @responsive-ui/link
```

## 🔋 Sponsors

<img src="https://asset.wetix.my/images/logo/wetix.png" alt="WeTix" width="200px">

## 📄 License

[@responsive-ui/link](https://github.com/wetix/responsive-ui/tree/main/components/link) is 100% free and open-source, under the [MIT license](https://github.com/wetix/responsive-ui/blob/main/LICENSE).

## 🎉 Big Thanks To

Thanks to these awesome companies for their support of Open Source developers ❤

[![GitHub](https://jstools.dev/img/badges/github.svg)](https://github.com/open-source)
[![NPM](https://jstools.dev/img/badges/npm.svg)](https://www.npmjs.com/)
npm package: @responsive-ui/loader
Description: A loader component of responsive-ui.
Author: Si3nLoong
Latest version: 1.1.0-alpha.58


# @responsive-ui/loader

> A loader component of responsive-ui.

<p>

[![Svelte v3](https://img.shields.io/badge/svelte-v3-orange.svg)](https://svelte.dev)
[![npm](https://img.shields.io/npm/v/@responsive-ui/loader.svg)](https://www.npmjs.com/package/@responsive-ui/loader)
[![Bundle Size](https://badgen.net/bundlephobia/minzip/%40responsive-ui%2Floader)](https://bundlephobia.com/result?p=%40responsive-ui%2Floader)
[![download](https://img.shields.io/npm/dw/@responsive-ui/loader.svg)](https://www.npmjs.com/package/@responsive-ui/loader)
[![LICENCE](https://img.shields.io/github/license/wetix/responsive-ui)](https://github.com/wetix/responsive-ui/blob/main/LICENSE)

</p>

## 🔨 Install

```console
npm install @responsive-ui/loader
```

or

```console
yarn add @responsive-ui/loader
```

## 🔋 Sponsors

<img src="https://asset.wetix.my/images/logo/wetix.png" alt="WeTix" width="200px">

## 📄 License

[@responsive-ui/loader](https://github.com/wetix/responsive-ui/tree/main/components/loader) is 100% free and open-source, under the [MIT license](https://github.com/wetix/responsive-ui/blob/main/LICENSE).

## 🎉 Big Thanks To

Thanks to these awesome companies for their support of Open Source developers ❤

[![GitHub](https://jstools.dev/img/badges/github.svg)](https://github.com/open-source)
[![NPM](https://jstools.dev/img/badges/npm.svg)](https://www.npmjs.com/)
npm package: @responsive-ui/menu
Description: A menu component of responsive-ui
Author: Oyster Lee
Latest version: 1.1.0-alpha.58


# @responsive-ui/menu

> A menu component of responsive-ui

<p>

[![Svelte v3](https://img.shields.io/badge/svelte-v3-orange.svg)](https://svelte.dev)
[![npm](https://img.shields.io/npm/v/@responsive-ui/menu.svg)](https://www.npmjs.com/package/@responsive-ui/menu)
[![Bundle Size](https://badgen.net/bundlephobia/minzip/%40responsive-ui%2Fmenu)](https://bundlephobia.com/result?p=%40responsive-ui%2Fmenu)
[![download](https://img.shields.io/npm/dw/@responsive-ui/menu.svg)](https://www.npmjs.com/package/@responsive-ui/menu)
[![LICENCE](https://img.shields.io/github/license/wetix/responsive-ui)](https://github.com/wetix/responsive-ui/blob/main/LICENSE)

</p>

## 🔨 Install

```console
npm install @responsive-ui/menu
```

or

```console
yarn add @responsive-ui/menu
```

## 🔋 Sponsors

<img src="https://asset.wetix.my/images/logo/wetix.png" alt="WeTix" width="200px">

## 📄 License

[@responsive-ui/menu](https://github.com/wetix/responsive-ui/tree/main/components/menu) is 100% free and open-source, under the [MIT license](https://github.com/wetix/responsive-ui/blob/main/LICENSE).

## 🎉 Big Thanks To

Thanks to these awesome companies for their support of Open Source developers ❤

[![GitHub](https://jstools.dev/img/badges/github.svg)](https://github.com/open-source)
[![NPM](https://jstools.dev/img/badges/npm.svg)](https://www.npmjs.com/)
npm package: @responsive-ui/modal
Description: A modal component of responsive-ui.
Author: Si3nLoong
Latest version: 1.1.0-alpha.58


# @responsive-ui/modal

> A modal component of responsive-ui.

<p>

[![Svelte v3](https://img.shields.io/badge/svelte-v3-orange.svg)](https://svelte.dev)
[![npm](https://img.shields.io/npm/v/@responsive-ui/modal.svg)](https://www.npmjs.com/package/@responsive-ui/modal)
[![Bundle Size](https://badgen.net/bundlephobia/minzip/%40responsive-ui%2Fmodal)](https://bundlephobia.com/result?p=%40responsive-ui%2Fmodal)
[![download](https://img.shields.io/npm/dw/@responsive-ui/modal.svg)](https://www.npmjs.com/package/@responsive-ui/modal)
[![LICENCE](https://img.shields.io/github/license/wetix/responsive-ui)](https://github.com/wetix/responsive-ui/blob/main/LICENSE)

</p>

## 🔨 Install

```console
npm install @responsive-ui/modal
```

or

```console
yarn add @responsive-ui/modal
```

## 🔋 Sponsors

<img src="https://asset.wetix.my/images/logo/wetix.png" alt="WeTix" width="200px">

## 📄 License

[@responsive-ui/modal](https://github.com/wetix/responsive-ui/tree/main/components/modal) is 100% free and open-source, under the [MIT license](https://github.com/wetix/responsive-ui/blob/main/LICENSE).

## 🎉 Big Thanks To

Thanks to these awesome companies for their support of Open Source developers ❤

[![GitHub](https://jstools.dev/img/badges/github.svg)](https://github.com/open-source)
[![NPM](https://jstools.dev/img/badges/npm.svg)](https://www.npmjs.com/)
npm package: @responsive-ui/poster
Description: A poster component of responsive-ui.
Author: Si3nLoong
Latest version: 1.1.0-alpha.58


# @responsive-ui/poster

> A poster component of responsive-ui.

<p>

[![Svelte v3](https://img.shields.io/badge/svelte-v3-orange.svg)](https://svelte.dev)
[![npm](https://img.shields.io/npm/v/@responsive-ui/poster.svg)](https://www.npmjs.com/package/@responsive-ui/poster)
[![Bundle Size](https://badgen.net/bundlephobia/minzip/%40responsive-ui%2Fposter)](https://bundlephobia.com/result?p=%40responsive-ui%2Fposter)
[![download](https://img.shields.io/npm/dw/@responsive-ui/poster.svg)](https://www.npmjs.com/package/@responsive-ui/poster)
[![LICENCE](https://img.shields.io/github/license/wetix/responsive-ui)](https://github.com/wetix/responsive-ui/blob/main/LICENSE)

</p>

## 🔨 Install

```console
npm install @responsive-ui/poster
```

or

```console
yarn add @responsive-ui/poster
```

## 🔋 Sponsors

<img src="https://asset.wetix.my/images/logo/wetix.png" alt="WeTix" width="200px">

## 📄 License

[@responsive-ui/poster](https://github.com/wetix/responsive-ui/tree/main/components/poster) is 100% free and open-source, under the [MIT license](https://github.com/wetix/responsive-ui/blob/main/LICENSE).

## 🎉 Big Thanks To

Thanks to these awesome companies for their support of Open Source developers ❤

[![GitHub](https://jstools.dev/img/badges/github.svg)](https://github.com/open-source)
[![NPM](https://jstools.dev/img/badges/npm.svg)](https://www.npmjs.com/)
npm package: @responsive-ui/quantity
Description: A quantity component of responsive-ui.
Author: Mohamad Harith
Latest version: 1.1.0-alpha.58


# @responsive-ui/quantity

> A quantity component of responsive-ui.

<p>

[![Svelte v3](https://img.shields.io/badge/svelte-v3-orange.svg)](https://svelte.dev)
[![npm](https://img.shields.io/npm/v/@responsive-ui/quantity.svg)](https://www.npmjs.com/package/@responsive-ui/quantity)
[![Bundle Size](https://badgen.net/bundlephobia/minzip/%40responsive-ui%2Fquantity)](https://bundlephobia.com/result?p=%40responsive-ui%2Fquantity)
[![download](https://img.shields.io/npm/dw/@responsive-ui/quantity.svg)](https://www.npmjs.com/package/@responsive-ui/quantity)
[![LICENCE](https://img.shields.io/github/license/wetix/responsive-ui)](https://github.com/wetix/responsive-ui/blob/main/LICENSE)

</p>

## 🔨 Install

```console
npm install @responsive-ui/quantity
```

or

```console
yarn add @responsive-ui/quantity
```

## 🔋 Sponsors

<img src="https://asset.wetix.my/images/logo/wetix.png" alt="WeTix" width="200px">

## 📄 License

[@responsive-ui/quantity](https://github.com/wetix/responsive-ui/tree/main/components/quantity) is 100% free and open-source, under the [MIT license](https://github.com/wetix/responsive-ui/blob/main/LICENSE).

## 🎉 Big Thanks To

Thanks to these awesome companies for their support of Open Source developers ❤

[![GitHub](https://jstools.dev/img/badges/github.svg)](https://github.com/open-source)
[![NPM](https://jstools.dev/img/badges/npm.svg)](https://www.npmjs.com/)
npm package: @responsive-ui/range
Description: A range component of responsive-ui.
Author: Mohamad Harith
Latest version: 1.1.0-alpha.58


# @responsive-ui/range

> A range component of responsive-ui.

<p>

[![Svelte v3](https://img.shields.io/badge/svelte-v3-orange.svg)](https://svelte.dev)
[![npm](https://img.shields.io/npm/v/@responsive-ui/range.svg)](https://www.npmjs.com/package/@responsive-ui/range)
[![Bundle Size](https://badgen.net/bundlephobia/minzip/%40responsive-ui%2Frange)](https://bundlephobia.com/result?p=%40responsive-ui%2Frange)
[![download](https://img.shields.io/npm/dw/@responsive-ui/range.svg)](https://www.npmjs.com/package/@responsive-ui/range)
[![LICENCE](https://img.shields.io/github/license/wetix/responsive-ui)](https://github.com/wetix/responsive-ui/blob/main/LICENSE)

</p>

## 🔨 Install

```console
npm install @responsive-ui/range
```

or

```console
yarn add @responsive-ui/range
```

## 🔋 Sponsors

<img src="https://asset.wetix.my/images/logo/wetix.png" alt="WeTix" width="200px">

## 📄 License

[@responsive-ui/range](https://github.com/wetix/responsive-ui/tree/main/components/range) is 100% free and open-source, under the [MIT license](https://github.com/wetix/responsive-ui/blob/main/LICENSE).

## 🎉 Big Thanks To

Thanks to these awesome companies for their support of Open Source developers ❤

[![GitHub](https://jstools.dev/img/badges/github.svg)](https://github.com/open-source)
[![NPM](https://jstools.dev/img/badges/npm.svg)](https://www.npmjs.com/)
npm package: @responsive-ui/responsive
Description: A responsive component of responsive-ui.
Author: Si3nLoong
Latest version: 1.1.0-alpha.58


# @responsive-ui/responsive

> A responsive component of responsive-ui.

<p>

[![Svelte v3](https://img.shields.io/badge/svelte-v3-orange.svg)](https://svelte.dev)
[![npm](https://img.shields.io/npm/v/@responsive-ui/responsive.svg)](https://www.npmjs.com/package/@responsive-ui/responsive)
[![Bundle Size](https://badgen.net/bundlephobia/minzip/%40responsive-ui%2Fresponsive)](https://bundlephobia.com/result?p=%40responsive-ui%2Fresponsive)
[![download](https://img.shields.io/npm/dw/@responsive-ui/responsive.svg)](https://www.npmjs.com/package/@responsive-ui/responsive)
[![LICENCE](https://img.shields.io/github/license/wetix/responsive-ui)](https://github.com/wetix/responsive-ui/blob/main/LICENSE)

</p>

## 🔨 Install

```console
npm install @responsive-ui/responsive
```

or

```console
yarn add @responsive-ui/responsive
```

## 🔋 Sponsors

<img src="https://asset.wetix.my/images/logo/wetix.png" alt="WeTix" width="200px">

## 📄 License

[@responsive-ui/responsive](https://github.com/wetix/responsive-ui/tree/main/components/responsive) is 100% free and open-source, under the [MIT license](https://github.com/wetix/responsive-ui/blob/main/LICENSE).

## 🎉 Big Thanks To

Thanks to these awesome companies for their support of Open Source developers ❤

[![GitHub](https://jstools.dev/img/badges/github.svg)](https://github.com/open-source)
[![NPM](https://jstools.dev/img/badges/npm.svg)](https://www.npmjs.com/)
npm package: @responsive-ui/row
Description: A row component of responsive-ui.
Author: Si3nLoong
Latest version: 1.1.0-alpha.58


# @responsive-ui/row

> A row component of responsive-ui.

<p>

[![Svelte v3](https://img.shields.io/badge/svelte-v3-orange.svg)](https://svelte.dev)
[![npm](https://img.shields.io/npm/v/@responsive-ui/row.svg)](https://www.npmjs.com/package/@responsive-ui/row)
[![Bundle Size](https://badgen.net/bundlephobia/minzip/%40responsive-ui%2Frow)](https://bundlephobia.com/result?p=%40responsive-ui%2Frow)
[![download](https://img.shields.io/npm/dw/@responsive-ui/row.svg)](https://www.npmjs.com/package/@responsive-ui/row)
[![LICENCE](https://img.shields.io/github/license/wetix/responsive-ui)](https://github.com/wetix/responsive-ui/blob/main/LICENSE)

</p>

## 🔨 Install

```console
npm install @responsive-ui/row
```

or

```console
yarn add @responsive-ui/row
```

## 🔋 Sponsors

<img src="https://asset.wetix.my/images/logo/wetix.png" alt="WeTix" width="200px">

## 📄 License

[@responsive-ui/row](https://github.com/wetix/responsive-ui/tree/main/components/row) is 100% free and open-source, under the [MIT license](https://github.com/wetix/responsive-ui/blob/main/LICENSE).

## 🎉 Big Thanks To

Thanks to these awesome companies for their support of Open Source developers ❤

[![GitHub](https://jstools.dev/img/badges/github.svg)](https://github.com/open-source)
[![NPM](https://jstools.dev/img/badges/npm.svg)](https://www.npmjs.com/)
npm package: @responsive-ui/search
Description: A search component of responsive-ui.
Author: Si3nLoong
Latest version: 1.1.0-alpha.58


# @responsive-ui/search

> A search component of responsive-ui.

<p>

[![Svelte v3](https://img.shields.io/badge/svelte-v3-orange.svg)](https://svelte.dev)
[![npm](https://img.shields.io/npm/v/@responsive-ui/search.svg)](https://www.npmjs.com/package/@responsive-ui/search)
[![Bundle Size](https://badgen.net/bundlephobia/minzip/%40responsive-ui%2Fsearch)](https://bundlephobia.com/result?p=%40responsive-ui%2Fsearch)
[![download](https://img.shields.io/npm/dw/@responsive-ui/search.svg)](https://www.npmjs.com/package/@responsive-ui/search)
[![LICENCE](https://img.shields.io/github/license/wetix/responsive-ui)](https://github.com/wetix/responsive-ui/blob/main/LICENSE)

</p>

## 🔨 Install

```console
npm install @responsive-ui/search
```

or

```console
yarn add @responsive-ui/search
```

## 🔋 Sponsors

<img src="https://asset.wetix.my/images/logo/wetix.png" alt="WeTix" width="200px">

## 📄 License

[@responsive-ui/search](https://github.com/wetix/responsive-ui/tree/main/components/search) is 100% free and open-source, under the [MIT license](https://github.com/wetix/responsive-ui/blob/main/LICENSE).

## 🎉 Big Thanks To

Thanks to these awesome companies for their support of Open Source developers ❤

[![GitHub](https://jstools.dev/img/badges/github.svg)](https://github.com/open-source)
[![NPM](https://jstools.dev/img/badges/npm.svg)](https://www.npmjs.com/)
npm package: @responsive-ui/select
Description: A select component of responsive-ui.
Author: Si3nLoong
Latest version: 1.1.0-alpha.58


# @responsive-ui/select

> A select component of responsive-ui.

<p>

[![Svelte v3](https://img.shields.io/badge/svelte-v3-orange.svg)](https://svelte.dev)
[![npm](https://img.shields.io/npm/v/@responsive-ui/select.svg)](https://www.npmjs.com/package/@responsive-ui/select)
[![Bundle Size](https://badgen.net/bundlephobia/minzip/%40responsive-ui%2Fselect)](https://bundlephobia.com/result?p=%40responsive-ui%2Fselect)
[![download](https://img.shields.io/npm/dw/@responsive-ui/select.svg)](https://www.npmjs.com/package/@responsive-ui/select)
[![LICENCE](https://img.shields.io/github/license/wetix/responsive-ui)](https://github.com/wetix/responsive-ui/blob/main/LICENSE)

</p>

## 🔨 Install

```console
npm install @responsive-ui/select
```

or

```console
yarn add @responsive-ui/select
```

## 🔋 Sponsors

<img src="https://asset.wetix.my/images/logo/wetix.png" alt="WeTix" width="200px">

## 📄 License

[@responsive-ui/select](https://github.com/wetix/responsive-ui/tree/main/components/select) is 100% free and open-source, under the [MIT license](https://github.com/wetix/responsive-ui/blob/main/LICENSE).

## 🎉 Big Thanks To

Thanks to these awesome companies for their support of Open Source developers ❤

[![GitHub](https://jstools.dev/img/badges/github.svg)](https://github.com/open-source)
[![NPM](https://jstools.dev/img/badges/npm.svg)](https://www.npmjs.com/)
npm package: @responsive-ui/show-more
Description: A show more component of responsive-ui.
Author: Si3nLoong
Latest version: 1.1.0-alpha.58


# @responsive-ui/show-more

> A show more component of responsive-ui.

<p>

[![Svelte v3](https://img.shields.io/badge/svelte-v3-orange.svg)](https://svelte.dev)
[![npm](https://img.shields.io/npm/v/@responsive-ui/show-more.svg)](https://www.npmjs.com/package/@responsive-ui/show-more)
[![Bundle Size](https://badgen.net/bundlephobia/minzip/%40responsive-ui%2Fshow-more)](https://bundlephobia.com/result?p=%40responsive-ui%2Fshow-more)
[![download](https://img.shields.io/npm/dw/@responsive-ui/show-more.svg)](https://www.npmjs.com/package/@responsive-ui/show-more)
[![LICENCE](https://img.shields.io/github/license/wetix/responsive-ui)](https://github.com/wetix/responsive-ui/blob/main/LICENSE)

</p>

## 🔨 Install

```console
npm install @responsive-ui/show-more
```

or

```console
yarn add @responsive-ui/show-more
```

## 🔋 Sponsors

<img src="https://asset.wetix.my/images/logo/wetix.png" alt="WeTix" width="200px">

## 📄 License

[@responsive-ui/show-more](https://github.com/wetix/responsive-ui/tree/main/components/show-more) is 100% free and open-source, under the [MIT license](https://github.com/wetix/responsive-ui/blob/main/LICENSE).

## 🎉 Big Thanks To

Thanks to these awesome companies for their support of Open Source developers ❤

[![GitHub](https://jstools.dev/img/badges/github.svg)](https://github.com/open-source)
[![NPM](https://jstools.dev/img/badges/npm.svg)](https://www.npmjs.com/)
npm package: @responsive-ui/sidebar
Description: The sidebar component of responsive-ui
Author: Ryan
Latest version: 1.1.0-alpha.58


# @responsive-ui/sidebar

> The sidebar component of responsive-ui

<p>

[![Svelte v3](https://img.shields.io/badge/svelte-v3-orange.svg)](https://svelte.dev)
[![npm](https://img.shields.io/npm/v/@responsive-ui/sidebar.svg)](https://www.npmjs.com/package/@responsive-ui/sidebar)
[![Bundle Size](https://badgen.net/bundlephobia/minzip/%40responsive-ui%2Fsidebar)](https://bundlephobia.com/result?p=%40responsive-ui%2Fsidebar)
[![download](https://img.shields.io/npm/dw/@responsive-ui/sidebar.svg)](https://www.npmjs.com/package/@responsive-ui/sidebar)
[![LICENCE](https://img.shields.io/github/license/wetix/responsive-ui)](https://github.com/wetix/responsive-ui/blob/main/LICENSE)

</p>

## 🔨 Install

```console
npm install @responsive-ui/sidebar
```

or

```console
yarn add @responsive-ui/sidebar
```

## 🔋 Sponsors

<img src="https://asset.wetix.my/images/logo/wetix.png" alt="WeTix" width="200px">

## 📄 License

[@responsive-ui/sidebar](https://github.com/wetix/responsive-ui/tree/main/components/sidebar) is 100% free and open-source, under the [MIT license](https://github.com/wetix/responsive-ui/blob/main/LICENSE).

## 🎉 Big Thanks To

Thanks to these awesome companies for their support of Open Source developers ❤

[![GitHub](https://jstools.dev/img/badges/github.svg)](https://github.com/open-source)
[![NPM](https://jstools.dev/img/badges/npm.svg)](https://www.npmjs.com/)
npm package: @responsive-ui/snackbar
Description: A snackbar component of responsive-ui.
Author: Si3nLoong
Latest version: 1.1.0-alpha.58


# @responsive-ui/snackbar

> A snackbar component of responsive-ui.

<p>

[![Svelte v3](https://img.shields.io/badge/svelte-v3-orange.svg)](https://svelte.dev)
[![npm](https://img.shields.io/npm/v/@responsive-ui/snackbar.svg)](https://www.npmjs.com/package/@responsive-ui/snackbar)
[![Bundle Size](https://badgen.net/bundlephobia/minzip/%40responsive-ui%2Fsnackbar)](https://bundlephobia.com/result?p=%40responsive-ui%2Fsnackbar)
[![download](https://img.shields.io/npm/dw/@responsive-ui/snackbar.svg)](https://www.npmjs.com/package/@responsive-ui/snackbar)
[![LICENCE](https://img.shields.io/github/license/wetix/responsive-ui)](https://github.com/wetix/responsive-ui/blob/main/LICENSE)

</p>

## 🔨 Install

```console
npm install @responsive-ui/snackbar
```

or

```console
yarn add @responsive-ui/snackbar
```

## 🔋 Sponsors

<img src="https://asset.wetix.my/images/logo/wetix.png" alt="WeTix" width="200px">

## 📄 License

[@responsive-ui/snackbar](https://github.com/wetix/responsive-ui/tree/main/components/snackbar) is 100% free and open-source, under the [MIT license](https://github.com/wetix/responsive-ui/blob/main/LICENSE).

## 🎉 Big Thanks To

Thanks to these awesome companies for their support of Open Source developers ❤

[![GitHub](https://jstools.dev/img/badges/github.svg)](https://github.com/open-source)
[![NPM](https://jstools.dev/img/badges/npm.svg)](https://www.npmjs.com/)
npm package: @responsive-ui/stepper
Description: A stepper component of responsive-ui.
Author: Oyster Lee
Latest version: 1.1.0-alpha.58


# @responsive-ui/stepper

> A stepper component of responsive-ui.

<p>

[![Svelte v3](https://img.shields.io/badge/svelte-v3-orange.svg)](https://svelte.dev)
[![npm](https://img.shields.io/npm/v/@responsive-ui/stepper.svg)](https://www.npmjs.com/package/@responsive-ui/stepper)
[![Bundle Size](https://badgen.net/bundlephobia/minzip/%40responsive-ui%2Fstepper)](https://bundlephobia.com/result?p=%40responsive-ui%2Fstepper)
[![download](https://img.shields.io/npm/dw/@responsive-ui/stepper.svg)](https://www.npmjs.com/package/@responsive-ui/stepper)
[![LICENCE](https://img.shields.io/github/license/wetix/responsive-ui)](https://github.com/wetix/responsive-ui/blob/main/LICENSE)

</p>

## 🔨 Install

```console
npm install @responsive-ui/stepper
```

or

```console
yarn add @responsive-ui/stepper
```

## 🔋 Sponsors

<img src="https://asset.wetix.my/images/logo/wetix.png" alt="WeTix" width="200px">

## 📄 License

[@responsive-ui/stepper](https://github.com/wetix/responsive-ui/tree/main/components/stepper) is 100% free and open-source, under the [MIT license](https://github.com/wetix/responsive-ui/blob/main/LICENSE).

## 🎉 Big Thanks To

Thanks to these awesome companies for their support of Open Source developers ❤

[![GitHub](https://jstools.dev/img/badges/github.svg)](https://github.com/open-source)
[![NPM](https://jstools.dev/img/badges/npm.svg)](https://www.npmjs.com/)
npm package: @responsive-ui/switch
Description: A switch component of responsive-ui.
Author: Si3nLoong
Latest version: 1.1.0-alpha.58


# @responsive-ui/switch

> A switch component of responsive-ui.

<p>

[![Svelte v3](https://img.shields.io/badge/svelte-v3-orange.svg)](https://svelte.dev)
[![npm](https://img.shields.io/npm/v/@responsive-ui/switch.svg)](https://www.npmjs.com/package/@responsive-ui/switch)
[![Bundle Size](https://badgen.net/bundlephobia/minzip/%40responsive-ui%2Fswitch)](https://bundlephobia.com/result?p=%40responsive-ui%2Fswitch)
[![download](https://img.shields.io/npm/dw/@responsive-ui/switch.svg)](https://www.npmjs.com/package/@responsive-ui/switch)
[![LICENCE](https://img.shields.io/github/license/wetix/responsive-ui)](https://github.com/wetix/responsive-ui/blob/main/LICENSE)

</p>

## 🔨 Install

```console
npm install @responsive-ui/switch
```

or

```console
yarn add @responsive-ui/switch
```

## 🔋 Sponsors

<img src="https://asset.wetix.my/images/logo/wetix.png" alt="WeTix" width="200px">

## 📄 License

[@responsive-ui/switch](https://github.com/wetix/responsive-ui/tree/main/components/switch) is 100% free and open-source, under the [MIT license](https://github.com/wetix/responsive-ui/blob/main/LICENSE).

## 🎉 Big Thanks To

Thanks to these awesome companies for their support of Open Source developers ❤

[![GitHub](https://jstools.dev/img/badges/github.svg)](https://github.com/open-source)
[![NPM](https://jstools.dev/img/badges/npm.svg)](https://www.npmjs.com/)
npm package: @responsive-ui/tab
Description: A tab component of responsive-ui.
Author: Si3nLoong
Latest version: 1.1.0-alpha.58


# @responsive-ui/tab

> A tab component of responsive-ui.

<p>

[![Svelte v3](https://img.shields.io/badge/svelte-v3-orange.svg)](https://svelte.dev)
[![npm](https://img.shields.io/npm/v/@responsive-ui/tab.svg)](https://www.npmjs.com/package/@responsive-ui/tab)
[![Bundle Size](https://badgen.net/bundlephobia/minzip/%40responsive-ui%2Ftab)](https://bundlephobia.com/result?p=%40responsive-ui%2Ftab)
[![download](https://img.shields.io/npm/dw/@responsive-ui/tab.svg)](https://www.npmjs.com/package/@responsive-ui/tab)
[![LICENCE](https://img.shields.io/github/license/wetix/responsive-ui)](https://github.com/wetix/responsive-ui/blob/main/LICENSE)

</p>

## 🔨 Install

```console
npm install @responsive-ui/tab
```

or

```console
yarn add @responsive-ui/tab
```

## 🔋 Sponsors

<img src="https://asset.wetix.my/images/logo/wetix.png" alt="WeTix" width="200px">

## 📄 License

[@responsive-ui/tab](https://github.com/wetix/responsive-ui/tree/main/components/tab) is 100% free and open-source, under the [MIT license](https://github.com/wetix/responsive-ui/blob/main/LICENSE).

## 🎉 Big Thanks To

Thanks to these awesome companies for their support of Open Source developers ❤

[![GitHub](https://jstools.dev/img/badges/github.svg)](https://github.com/open-source)
[![NPM](https://jstools.dev/img/badges/npm.svg)](https://www.npmjs.com/)
npm package: @responsive-ui/table
Description: A table component of responsive-ui.
Author: Si3nLoong
Latest version: 1.1.0-alpha.58


# @responsive-ui/table

> A table component of responsive-ui.

<p>

[![Svelte v3](https://img.shields.io/badge/svelte-v3-orange.svg)](https://svelte.dev)
[![npm](https://img.shields.io/npm/v/@responsive-ui/table.svg)](https://www.npmjs.com/package/@responsive-ui/table)
[![Bundle Size](https://badgen.net/bundlephobia/minzip/%40responsive-ui%2Ftable)](https://bundlephobia.com/result?p=%40responsive-ui%2Ftable)
[![download](https://img.shields.io/npm/dw/@responsive-ui/table.svg)](https://www.npmjs.com/package/@responsive-ui/table)
[![LICENCE](https://img.shields.io/github/license/wetix/responsive-ui)](https://github.com/wetix/responsive-ui/blob/main/LICENSE)

</p>

## 🔨 Install

```console
npm install @responsive-ui/table
```

or

```console
yarn add @responsive-ui/table
```

## 🔋 Sponsors

<img src="https://asset.wetix.my/images/logo/wetix.png" alt="WeTix" width="200px">

## 📄 License

[@responsive-ui/table](https://github.com/wetix/responsive-ui/tree/main/components/table) is 100% free and open-source, under the [MIT license](https://github.com/wetix/responsive-ui/blob/main/LICENSE).

## 🎉 Big Thanks To

Thanks to these awesome companies for their support of Open Source developers ❤

[![GitHub](https://jstools.dev/img/badges/github.svg)](https://github.com/open-source)
[![NPM](https://jstools.dev/img/badges/npm.svg)](https://www.npmjs.com/)
npm package: @responsive-ui/tag
Description: A tag component of responsive-ui.
Author: Si3nLoong
Latest version: 1.1.0-alpha.58


# @responsive-ui/tag

> A tag component of responsive-ui.

<p>

[![Svelte v3](https://img.shields.io/badge/svelte-v3-orange.svg)](https://svelte.dev)
[![npm](https://img.shields.io/npm/v/@responsive-ui/tag.svg)](https://www.npmjs.com/package/@responsive-ui/tag)
[![Bundle Size](https://badgen.net/bundlephobia/minzip/%40responsive-ui%2Ftag)](https://bundlephobia.com/result?p=%40responsive-ui%2Ftag)
[![download](https://img.shields.io/npm/dw/@responsive-ui/tag.svg)](https://www.npmjs.com/package/@responsive-ui/tag)
[![LICENCE](https://img.shields.io/github/license/wetix/responsive-ui)](https://github.com/wetix/responsive-ui/blob/main/LICENSE)

</p>

## 🔨 Install

```console
npm install @responsive-ui/tag
```

or

```console
yarn add @responsive-ui/tag
```

## 🔋 Sponsors

<img src="https://asset.wetix.my/images/logo/wetix.png" alt="WeTix" width="200px">

## 📄 License

[@responsive-ui/tag](https://github.com/wetix/responsive-ui/tree/main/components/tag) is 100% free and open-source, under the [MIT license](https://github.com/wetix/responsive-ui/blob/main/LICENSE).

## 🎉 Big Thanks To

Thanks to these awesome companies for their support of Open Source developers ❤

[![GitHub](https://jstools.dev/img/badges/github.svg)](https://github.com/open-source)
[![NPM](https://jstools.dev/img/badges/npm.svg)](https://www.npmjs.com/)
npm package: @responsive-ui/textarea
Description: A textarea component of responsive-ui.
Author: Si3nLoong
Latest version: 1.1.0-alpha.58


# @responsive-ui/textarea

> A textarea component of responsive-ui.

<p>

[![Svelte v3](https://img.shields.io/badge/svelte-v3-orange.svg)](https://svelte.dev)
[![npm](https://img.shields.io/npm/v/@responsive-ui/textarea.svg)](https://www.npmjs.com/package/@responsive-ui/textarea)
[![Bundle Size](https://badgen.net/bundlephobia/minzip/%40responsive-ui%2Ftextarea)](https://bundlephobia.com/result?p=%40responsive-ui%2Ftextarea)
[![download](https://img.shields.io/npm/dw/@responsive-ui/textarea.svg)](https://www.npmjs.com/package/@responsive-ui/textarea)
[![LICENCE](https://img.shields.io/github/license/wetix/responsive-ui)](https://github.com/wetix/responsive-ui/blob/main/LICENSE)

</p>

## 🔨 Install

```console
npm install @responsive-ui/textarea
```

or

```console
yarn add @responsive-ui/textarea
```

## 🔋 Sponsors

<img src="https://asset.wetix.my/images/logo/wetix.png" alt="WeTix" width="200px">

## 📄 License

[@responsive-ui/textarea](https://github.com/wetix/responsive-ui/tree/main/components/textarea) is 100% free and open-source, under the [MIT license](https://github.com/wetix/responsive-ui/blob/main/LICENSE).

## 🎉 Big Thanks To

Thanks to these awesome companies for their support of Open Source developers ❤

[![GitHub](https://jstools.dev/img/badges/github.svg)](https://github.com/open-source)
[![NPM](https://jstools.dev/img/badges/npm.svg)](https://www.npmjs.com/)
npm package: @responsive-ui/tooltip
Description: A tooltip component of responsive-ui.
Author: Si3nLoong
Latest version: 1.1.0-alpha.58


# @responsive-ui/tooltip

> A tooltip component of responsive-ui.

<p>

[![Svelte v3](https://img.shields.io/badge/svelte-v3-orange.svg)](https://svelte.dev)
[![npm](https://img.shields.io/npm/v/@responsive-ui/tooltip.svg)](https://www.npmjs.com/package/@responsive-ui/tooltip)
[![Bundle Size](https://badgen.net/bundlephobia/minzip/%40responsive-ui%2Ftooltip)](https://bundlephobia.com/result?p=%40responsive-ui%2Ftooltip)
[![download](https://img.shields.io/npm/dw/@responsive-ui/tooltip.svg)](https://www.npmjs.com/package/@responsive-ui/tooltip)
[![LICENCE](https://img.shields.io/github/license/wetix/responsive-ui)](https://github.com/wetix/responsive-ui/blob/main/LICENSE)

</p>

## 🔨 Install

```console
npm install @responsive-ui/tooltip
```

or

```console
yarn add @responsive-ui/tooltip
```

## 🔋 Sponsors

<img src="https://asset.wetix.my/images/logo/wetix.png" alt="WeTix" width="200px">

## 📄 License

[@responsive-ui/tooltip](https://github.com/wetix/responsive-ui/tree/main/components/tooltip) is 100% free and open-source, under the [MIT license](https://github.com/wetix/responsive-ui/blob/main/LICENSE).

## 🎉 Big Thanks To

Thanks to these awesome companies for their support of Open Source developers ❤

[![GitHub](https://jstools.dev/img/badges/github.svg)](https://github.com/open-source)
[![NPM](https://jstools.dev/img/badges/npm.svg)](https://www.npmjs.com/)
npm package: @responsive-ui/upload
Description: An upload component of responsive-ui.
Author: Si3nLoong
Latest version: 1.1.0-alpha.58


# @responsive-ui/upload

> An upload component of responsive-ui.

<p>

[![Svelte v3](https://img.shields.io/badge/svelte-v3-orange.svg)](https://svelte.dev)
[![npm](https://img.shields.io/npm/v/@responsive-ui/upload.svg)](https://www.npmjs.com/package/@responsive-ui/upload)
[![Bundle Size](https://badgen.net/bundlephobia/minzip/%40responsive-ui%2Fupload)](https://bundlephobia.com/result?p=%40responsive-ui%2Fupload)
[![download](https://img.shields.io/npm/dw/@responsive-ui/upload.svg)](https://www.npmjs.com/package/@responsive-ui/upload)
[![LICENCE](https://img.shields.io/github/license/wetix/responsive-ui)](https://github.com/wetix/responsive-ui/blob/main/LICENSE)

</p>

## 🔨 Install

```console
npm install @responsive-ui/upload
```

or

```console
yarn add @responsive-ui/upload
```

## 🔋 Sponsors

<img src="https://asset.wetix.my/images/logo/wetix.png" alt="WeTix" width="200px">

## 📄 License

[@responsive-ui/upload](https://github.com/wetix/responsive-ui/tree/main/components/upload) is 100% free and open-source, under the [MIT license](https://github.com/wetix/responsive-ui/blob/main/LICENSE).

## 🎉 Big Thanks To

Thanks to these awesome companies for their support of Open Source developers ❤

[![GitHub](https://jstools.dev/img/badges/github.svg)](https://github.com/open-source)
[![NPM](https://jstools.dev/img/badges/npm.svg)](https://www.npmjs.com/)
npm package: @resreq/event-hub
Description: This is a minimalist event hub.
Author: molvqingtai
Latest version: 1.7.2

# EventHub

[![version](https://img.shields.io/github/v/release/molvqingtai/event-hub)](https://www.npmjs.com/package/@resreq/event-hub) [![deno land](http://img.shields.io/badge/available%20on-deno.land/x-lightgrey.svg?logo=deno&labelColor=black&color=blue)](https://deno.land/x/event_hub) [![download](https://img.shields.io/npm/dt/@resreq/event-hub)](https://www.npmjs.com/package/@resreq/event-hub) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

🚌 This is a minimalist event hub.

## Install

```shell
npm i @resreq/event-hub
```

**or**

```shell
yarn add @resreq/event-hub
```

**If you use the [Deno](https://deno.land/)**

Please add to `import_map.json`.

```js
import EventHub from 'https://esm.sh/@resreq/event-hub'
```

## Documentation

### Get Started

```js
import EventHub from '@resreq/event-hub'

const hub = new EventHub()

hub.on('custom-send', (message) => {
  console.log(message) // => Hello, EventHub!
})

hub.emit('custom-send', 'Hello, EventHub!')
```

### Instance Methods

**Event**

Event name type.

```typescript
type Event = string | symbol
```

#### on(event,handler)

- **Arguments:**
  - `{Event | Event[]} event`
  - `{Function} handler`

* **Usage:**

  Listen for a custom event on the current Instance. Events can be triggered by `instance.emit`. The handler will receive all the additional arguments passed into these event-triggering methods.

#### once(event,handler)

- **Arguments:**
  - `{Event} event`
  - `{Function} handler`

* **Usage:**

  Listen for a custom event, but only once. The listener will be removed once it triggers for the first time.

#### off([event,handler])

- **Arguments:**
  - `{Event | Event[]} event`
  - `{Function} [handler]`

* **Usage:**

  Remove custom event listener(s).

  - If no arguments are provided, remove all event listeners;
  - If only the event is provided, remove all listeners for that event;
  - If both event and handler are given, remove the listener for that specific handler only.

#### emit(event,...args)

- **Arguments:**

  - `{Event} event`

  - `{any} ...args`

* **Usage:**

  Trigger an event on the current instance. Any additional arguments will be passed into the listener’s handler function.

## License

This project is licensed under the MIT License - see the [LICENSE](https://github.com/molvqingtai/event-hub/blob/main/LICENSE) file for details
npm package: @resreq/timer
Description: ⏰ Short and sweet timer.
Author: molvqingtai
Latest version: 1.3.2

# Timer

[![version](https://img.shields.io/github/v/release/molvqingtai/timer)](https://www.npmjs.com/package/@resreq/timer) [![workflow](https://github.com/molvqingtai/timer/actions/workflows/ci.yml/badge.svg)](https://github.com/molvqingtai/timer/actions) [![download](https://img.shields.io/npm/dt/@resreq/timer)](https://www.npmjs.com/package/@resreq/timer) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

⏰ Short and sweet timer

## Install

```shell
npm install @resreq/timer
```

## Usage

```typescript
import Timer from '@resreq/timer'

const log = (time: number) => console.log('time:', time)

const timer = new Timer(log, {
  interval: 1000,
  immediate: true
})

timer.on('start', (time) => {
  console.log('start:', time)
})
timer.on('pause', (time) => {
  console.log('pause:', time)
})
timer.on('stop', (time) => {
  console.log('stop:', time)
})

timer.start()

setTimeout(() => timer.pause(), 1000)
setTimeout(() => timer.start(), 2000)
setTimeout(() => timer.stop(), 3000)

// => start: 1712160512855
// => time: 1712160512858
// => pause: 1712160513855
// => start: 1712160514855
// => time: 1712160514855
// => stop: 1712160515855
```

**Adapter**

`setTimeout` is used by default, and custom adapters are supported, such as `requestAnimationFrame`, `cancelIdleCallback`, etc...

```typescript
const timer = new Timer(log, {
  adapter: {
    setTimer: globalThis.requestAnimationFrame.bind(globalThis),
    cancelTimer: globalThis.cancelAnimationFrame.bind(globalThis)
  }
})
```

## LICENSE

This project is licensed under the MIT License - see the [LICENSE](https://github.com/molvqingtai/timer/blob/main/LICENSE) file for details.