Installation

// with npm
npm install mui-color-input

// with yarn
yarn add mui-color-input

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

Usage

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 format="hex" value={value} onChange={handleChange} />
}

Documentation

Changelog

Go to GitHub Releases

TypeScript

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

🐛 Bugs

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

💡 Feature Requests

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

LICENSE

MIT