# mui-colorpicker-button

> Color picker component for Material-Ui

Latest version **1.0.0** (published 2020-02-17) · MIT license · 0 weekly downloads

## Install

```sh
npm install mui-colorpicker-button
pnpm add mui-colorpicker-button
yarn add mui-colorpicker-button
bun add mui-colorpicker-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.0 |
| Published | 2020-02-17 |
| First published | 2020-02-17 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 4 |
| Unpacked size | 14 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Joseph Woolf |
| Maintainers | josephwoolf |
| Keywords | reactjs, react, color, picker, selector, material-ui |

## Links

- npm: https://www.npmjs.com/package/mui-colorpicker-button
- Repository: https://github.com/jsmwoolf/MUI-Colorpicker-Button
- Homepage: https://github.com/jsmwoolf/MUI-Colorpicker-Button#readme
- Issues: https://github.com/jsmwoolf/MUI-Colorpicker-Button/issues
- npm.io page: https://npm.io/package/mui-colorpicker-button

## Dependencies (4)

- [recompose](https://npm.io/package/recompose.md) ^0.30.0
- [prop-types](https://npm.io/package/prop-types.md) ^15.7.2
- [react-color](https://npm.io/package/react-color.md) ^2.18.0
- [@material-ui/styles](https://npm.io/package/@material-ui/styles.md) ^4.8.2

## 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.0 (latest) — 2020-02-17

## README

# Color Picker Button component for material-ui

![`<ColorPicker>` example](./doc/screenshot.png)

This Color Picker component for material-ui derives from [Loic Mahieu's repository](https://github.com/loicmahieu/material-ui-color-picker) in which, rather than a textfield input, a button input is used instead.  Apart from the substitution of using a button, the underlying implementation is the same.

## Installation

For material-ui (v1):

```sh
npm install --save mui-colorpicker-button
```

## Usage

```js
import React from 'react'
import ColorPicker from 'mui-colorpicker-button'

<ColorPicker
  onChange={color => console.log(color)}
  /* 
    Add the below attribute if you want the button
    to change color.
  */
  value={value} 
  name='Change color'
/>
```

## License

This library is licensed under the [MIT Licence](LICENSE), and sponsored by [iGLOO](https://igloo.be).

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