# tk-button

> button style

Latest version **1.0.1** (published 2018-03-25) · ISC license · 0 weekly downloads

## Install

```sh
npm install tk-button
pnpm add tk-button
yarn add tk-button
bun add tk-button
```

## 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 | 1.0.1 |
| Published | 2018-03-25 |
| First published | 2018-03-25 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 444.8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | mozuo |
| Maintainers | wuhao01 |

## Links

- npm: https://www.npmjs.com/package/tk-button
- Repository: https://github.com/mozuo/tk-button
- Homepage: https://github.com/mozuo/tk-button#readme
- Issues: https://github.com/mozuo/tk-button/issues
- npm.io page: https://npm.io/package/tk-button

## Recent versions

- 1.0.1 (latest) — 2018-03-25
- 1.0.0 — 2018-03-25

## README

## tk-button
install
```shell
npm install tk-button
```

## Quick Start

```js
import tkButton from 'tk-button'

```
in component
```js
components: {
    tkButton
}
```
in template
```js
<tk-button>默认</tk-button>
<tk-button btn="success">成功</tk-button>
<tk-button btn="info">一般信息</tk-button>
<tk-button btn="warning">警告</tk-button>
<tk-button btn="danger">危险</tk-button>
<tk-button btn="danger" :disabled="true">禁用</tk-button>
<h2>图标样式</h2>
<tk-button icon="user-md">默认</tk-button>
<tk-button icon="user-md" btn="success">成功</tk-button>
<tk-button icon="user-md" btn="info">一般信息</tk-button>
<tk-button btn="danger" :loading="true">危险</tk-button>
<h2>尺寸样式</h2>
<tk-button icon="user-md" size="block">默认</tk-button>
<tk-button icon="user-md" btn="success" size="small">成功</tk-button>
<tk-button icon="user-md" btn="info" size="larger">一般信息</tk-button>
<tk-button btn="danger" :loading="true" size="block">危险</tk-button>
```

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