# react-button-xgy

> A react plugin for button component

Latest version **1.2.3** (published 2019-03-05) · ISC license · 0 weekly downloads

## Install

```sh
npm install react-button-xgy
pnpm add react-button-xgy
yarn add react-button-xgy
bun add react-button-xgy
```

## 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.2.3 |
| Published | 2019-03-05 |
| First published | 2019-02-25 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 7 |
| Unpacked size | 35.9 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | xgyaa |

## Links

- npm: https://www.npmjs.com/package/react-button-xgy
- npm.io page: https://npm.io/package/react-button-xgy

## Dependencies (7)

- [react](https://npm.io/package/react.md) ^16.7.0
- [react-dom](https://npm.io/package/react-dom.md) ^16.7.0
- [babel-core](https://npm.io/package/babel-core.md) ^6.26.3
- [classnames](https://npm.io/package/classnames.md) ^2.2.6
- [babel-loader](https://npm.io/package/babel-loader.md) ^7.1.5
- [babel-preset-react](https://npm.io/package/babel-preset-react.md) ^6.24.1
- [babel-preset-es2015](https://npm.io/package/babel-preset-es2015.md) ^6.24.1

## Recent versions

- 1.2.3 (latest) — 2019-03-05
- 1.2.2 — 2019-03-05
- 1.2.1 — 2019-03-05
- 1.2.0 — 2019-03-05
- 1.1.8 — 2019-03-04
- 1.1.7 — 2019-03-04
- 1.1.6 — 2019-03-04
- 1.1.5 — 2019-03-04
- 1.1.4 — 2019-03-01
- 1.1.3 — 2019-03-01
- 1.1.2 — 2019-03-01
- 1.1.1 — 2019-03-01
- 1.0.1 — 2019-03-01
- 1.0.0 — 2019-02-25

## README

# react-button-xgy

A react plugin for button component

## How to use

It's simple.

// first import plugin
```javascript

import Button from 'react-button-xgy'

const App = () => {
    return (
      <div>
        <Button
          text={'大号按钮'}
          type={'default'}
          size='lg'
          onClick={() => { console.log('我点了！！！') }}
        />
      </div>
    )
  }
ReactDOM.render(
  <App />, document.getElementById('app')
)

```react bash
# install dependencies
npm install react-button-xgy --save

```
## Button sizes
```javascript
<Button size='lg' text={'大号按钮'}></Button>
<Button size='xm' text={'默认按钮'}></Button>
<Button size='sm' text={'小号按钮'}></Button>
```

## Button type
```javascript
<Button type='normal' text={'按钮'}></Button>
<Button type='default' text={'按钮'}></Button>
<Button type='danger' text={'按钮'}></Button>
```
## Button icon || href || loading

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