// with npm
npm install mui-color-input

// with yarn
yarn add mui-color-input

The component uses @ctrl/tinycolor for color parsing and formatting.

import React from 'react'
import { MuiColorInput } from 'mui-color-input'

const MyComponent = () => {
  const [value, setValue] = React.useState('#ffffff')

  const handleChange = (newValue) => {
    setValue(newValue)
  }

  return <MuiColorInput value={value} onChange={handleChange} />
}

Go to Github Releases

This library comes with TypeScript "typings". If you happen to find any bugs in those, create an issue.

Please file an issue for bugs, missing documentation, or unexpected behavior.

Please file an issue to suggest new features. Vote on feature requests by adding a 👍. This helps maintainers prioritize what to work on.

MIT