# zm-view

> UI components Library with Vue.js

Latest version **0.0.3** (published 2017-04-20) · MIT license · 0 weekly downloads

## Install

```sh
npm install zm-view
pnpm add zm-view
yarn add zm-view
bun add zm-view
```

## Health

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

Positive: no vulnerabilities.

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

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.3 |
| Published | 2017-04-20 |
| First published | 2017-04-20 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Node | >= 4.0.0 |
| Dependencies | 4 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Aresn |
| Maintainers | wtbf |
| Keywords | zmView, vue, vue.js, component, components, ui, framework |

## Links

- npm: https://www.npmjs.com/package/zm-view
- npm.io page: https://npm.io/package/zm-view

## Dependencies (4)

- [core-js](https://npm.io/package/core-js.md) ^2.4.1
- [deepmerge](https://npm.io/package/deepmerge.md) ^1.3.1
- [popper.js](https://npm.io/package/popper.js.md) ^0.6.4
- [async-validator](https://npm.io/package/async-validator.md) ^1.6.7

## Alternatives

- [@progress/kendo-ooxml](https://npm.io/package/@progress/kendo-ooxml.md) — 152.1K weekly downloads
- [@progress/kendo-react-ripple](https://npm.io/package/@progress/kendo-react-ripple.md) — 8.0K weekly downloads
- [@progress/kendo-react-orgchart](https://npm.io/package/@progress/kendo-react-orgchart.md) — 4.3K weekly downloads
- [@praxisui/dynamic-fields](https://npm.io/package/@praxisui/dynamic-fields.md) — 2.4K weekly downloads
- [@progress/kendo-vue-listbox](https://npm.io/package/@progress/kendo-vue-listbox.md) — 932 weekly downloads

## Recent versions

- 0.0.3 (latest) — 2017-04-20

## README

### Install zmView

using npm
```
npm install zmView --save
```
Or using script tag for global use
```html
<script type="text/javascript" src="zmView.min.js"></script>
```

## Usage

```html
<template>
    <Page :pageCount="pageCount"  :currentPage="currentPage" v-on:change="pagingChanged"></Page>
</template>
<script>
    export default {
      data() {
        return {
          pageCount: 10,
          currentPage: 1
        }
      },
      methods: {
        pagingChanged(page) {
          page = page < 1 ? 1 : page
          this.currentPage = page
          this.reloadList()
        },
        reloadList() {
          console.log("data init")
        }
      },
    }
</script>

```
Use css
```js
import 'zmView/dist/styles/zmView.css';
```

## Browser Support

Normal browsers and Internet Explorer 11+.

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