# @gocorus/material-ui-color-picker

> component for material-ui

Latest version **3.5.4** (published 2023-04-08) · MIT license · 0 weekly downloads

## Install

```sh
npm install @gocorus/material-ui-color-picker
pnpm add @gocorus/material-ui-color-picker
yarn add @gocorus/material-ui-color-picker
bun add @gocorus/material-ui-color-picker
```

## Health

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

Positive: has types; no vulnerabilities; high quality score.

Warnings: low downloads; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 3.5.4 |
| Published | 2023-04-08 |
| First published | 2022-04-25 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 5 |
| Unpacked size | 19.9 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 91 |
| Author | Loic Mahieu |
| Maintainers | corus-dev |
| Keywords | reactjs, react, color, picker, selector |

## Links

- npm: https://www.npmjs.com/package/@gocorus/material-ui-color-picker
- Repository: https://github.com/loicmahieu/material-ui-color-picker
- Homepage: https://github.com/loicmahieu/material-ui-color-picker#readme
- Issues: https://github.com/loicmahieu/material-ui-color-picker/issues
- npm.io page: https://npm.io/package/@gocorus/material-ui-color-picker

## Dependencies (5)

- [prop-types](https://npm.io/package/prop-types.md) ^15.8.1
- [@mui/system](https://npm.io/package/@mui/system.md) ^5.11.16
- [react-color](https://npm.io/package/react-color.md) ^2.19.3
- [@emotion/react](https://npm.io/package/@emotion/react.md) ^11.10.6
- [@emotion/styled](https://npm.io/package/@emotion/styled.md) ^11.10.6

## 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

- 3.5.4 (latest) — 2023-04-08
- 3.5.3 — 2022-04-25

## README

# `<ColorPicker>` for material-ui

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

ColorPicker based on [`<TextField />`](http://www.material-ui.com/#/components/text-field) and `<ChromePicker />` from [`react-color`](https://github.com/casesandberg/react-color/) and its [redux-form](https://redux-form.com) field component.

## Demo

[https://material-ui-color-picker.now.sh/](https://material-ui-color-picker.now.sh/)

## Installation

For material-ui (v1):

```sh
npm install --save material-ui-color-picker
```

## Usage

```js
import React from 'react'
import ColorPicker from 'material-ui-color-picker'

<ColorPicker
  name='color'
  defaultValue='#000'
  // value={this.state.color} - for controlled component
  onChange={color => console.log(color)}

/>
```
[Redux-form](https://redux-form.com) field
```js
import React, { Component } from 'react';
import { reduxForm, Field } from 'redux-form';
import { ColorPickerField } from 'material-ui-color-picker';

...
<Field
  name="color"
  component={ColorPickerField}
/>
...

```

There is not so much properties at this time. The was very quickly designed for my needs. Feel free to submit a PR with new features ;)

## License

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

---
_Source: https://npm.io/package/@gocorus/material-ui-color-picker · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._