# @easyguide/checkbox

> Components checkbox ui

Latest version **0.9.14** (published 2019-06-24) · MIT license · 0 weekly downloads

## Install

```sh
npm install @easyguide/checkbox
pnpm add @easyguide/checkbox
yarn add @easyguide/checkbox
bun add @easyguide/checkbox
```

## Health

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

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.9.14 |
| Published | 2019-06-24 |
| First published | 2019-01-03 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Node | >=8 |
| Dependencies | 1 |
| Unpacked size | 11.9 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | iamtchelo |
| Maintainers | celso-henrique, danicastilho, guilhermegregio, iacono, iamtchelo, rafaellucio, wellyal |

## Links

- npm: https://www.npmjs.com/package/@easyguide/checkbox
- Repository: https://github.com/easynvest/easyguide
- Homepage: https://github.com/easynvest/easyguide#readme
- Issues: https://github.com/easynvest/easyguide/issues
- npm.io page: https://npm.io/package/@easyguide/checkbox

## Dependencies (1)

- [lodash.isequal](https://npm.io/package/lodash.isequal.md) ^4.5.0

## Recent versions

- 0.9.14 (latest) — 2019-06-24
- 0.9.10 — 2019-06-04
- 0.9.2 — 2019-01-21
- 0.9.1 — 2019-01-03

## README

<!-- START doctoc generated TOC please keep comment here to allow auto update -->
<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->

- [@easyguide/checkbox](#easyguidecheckbox)
  - [Install](#install)
  - [Usage simple checkbox](#usage-simple-checkbox)
  - [Usage checkbox with selected values](#usage-checkbox-with-selected-values)
  - [License](#license)

<!-- END doctoc generated TOC please keep comment here to allow auto update -->

# @easyguide/checkbox

> Camponents checkbox ui

[![NPM](https://img.shields.io/npm/v/@easyguide/checkbox.svg)](https://www.npmjs.com/package/@easyguide/checkbox) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
npm install --save @easyguide/checkbox
```

## Usage simple checkbox

```jsx
import React from 'react'
import Checkbox from '@easyguide/checkbox'

class Example extends Component {
  render() {
    const items = [
      {value: 1, label: 'IPCA'},
      {value: 2, label: 'CDI'},
      {value: 3, label: 'PRÉ'},
    ]

    return (
      <Checkbox
        label="Tipo de rentabilidade"
        items={items}
        onChange={value => console.log(value)}
      />
    )
  }
}
```

## Usage checkbox with selected values

```jsx
import React from 'react'
import Checkbox from '@easyguide/checkbox'

class Example extends Component {
  render() {
    const items = [
      {value: 1, label: 'IPCA'},
      {value: 2, label: 'CDI'},
      {value: 3, label: 'PRÉ'},
    ]

    return (
      <Checkbox
        label="Tipo de rentabilidade"
        items={items}
        value={[1, 3]}
        onChange={value => console.log(value)}
      />
    )
  }
}
```

## License

MIT © [iamtchelo](https://github.com/iamtchelo)

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