# frc-checkbox

> react component checkbox

Latest version **1.0.3** (published 2019-02-19) · MIT license · 0 weekly downloads

## Install

```sh
npm install frc-checkbox
pnpm add frc-checkbox
yarn add frc-checkbox
bun add frc-checkbox
```

## 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.3 |
| Published | 2019-02-19 |
| First published | 2019-02-18 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Node | >=6 |
| Dependencies | 0 |
| Unpacked size | 18.5 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Paul |
| Maintainers | paul-long |
| Keywords | react, component, checkbox |

## Links

- npm: https://www.npmjs.com/package/frc-checkbox
- Repository: https://github.com/Paul-Long/frc-checkbox
- Homepage: https://github.com/Paul-Long/frc-checkbox#readme
- Issues: https://github.com/Paul-Long/frc-checkbox/issues
- npm.io page: https://npm.io/package/frc-checkbox

## Alternatives

- [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads
- [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads
- [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads
- [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads
- [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads

## Recent versions

- 1.0.3 (latest) — 2019-02-19
- 1.0.4-beta.0 (beta) — 2019-02-20
- 1.0.2 — 2019-02-18
- 1.0.1 — 2019-02-18
- 1.0.0 — 2019-02-18

## README

<p align="center">
  <a href="https://github.com/Paul-Long/frc-checkbox">
    <img width="200" src="http://houym-1254119810.picsh.myqcloud.com/logo-200_150.png">
  </a>
</p>

<h1 align="center">Checkbox</h1>

<div align="center">

[![npm package](https://img.shields.io/npm/v/frc-checkbox.svg?style=flat)](https://www.npmjs.com/package/frc-checkbox)
[![NPM downloads](http://img.shields.io/npm/dm/frc-checkbox.svg?style=flat-square)](http://npmjs.com/frc-checkbox)
[![Dependencies](https://img.shields.io/david/paul-long/frc-checkbox.svg?style=flat-square)](https://david-dm.org/paul-long/frc-checkbox)
[![DevDependencies](https://img.shields.io/david/dev/paul-long/frc-checkbox.svg?style=flat-square)](https://david-dm.org/paul-long/frc-checkbox?type=dev)
[![Gitter](https://img.shields.io/gitter/room/paul-long/frc-checkbox.svg?style=flat-square)](https://gitter.im/paul-long/paul-long?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge)
[![Codecov](https://img.shields.io/coveralls/github/paul-long/frc-checkbox.svg?style=flat-square)](https://codecov.io/gh/paul-long/frc-checkbox/branch/master)
[![Issues need help](https://flat.badgen.net/github/label-issues/paul-long/frc-checkbox/help%20wanted/open)](https://github.com/paul-long/frc-checkbox/issues?q=label%3A%22help+wanted%22)

</div>

# 在线 Demo

https://paul-long.github.io/react-components/#/checkbox

# 安装

[![rc-select](https://nodei.co/npm/frc-checkbox.png)](https://npmjs.org/package/frc-checkbox)

```bash
npm install frc-checkbox --save-dev
```

# Props

| props             | describe              | type                                    | default value |
| ----------------- | --------------------- | --------------------------------------- | ------------- |
| checked           | checked               | Boolean                                 | false         |
| children          | text                  | show text                               |               |
| onChange          | listen change         | Function                                | -             |
| fixed             | fixed column          | String(`left` or `right`)               |               |
| disabled          | click enabled         | Boolean                                 | false         |
| style             | style                 | Object                                  |               |
| size              | setting size          | String(`default` or `small` or `large`) | `default`     |
| indeterminateType | indeterminate type    | String(`square` or `line`)              | `square`      |
| indeterminate     | indeterminate enabled | Boolean                                 | false         |

# 示例

```jsx harmony
import React from 'react';
import Checkbox from 'frc-checkbox';

class Demo extends React.Component {
  render() {
    return (
      <div>
        <Checkbox checked={true}>Checkbox</Checkbox>
      </div>
    );
  }
}
```

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