mui-color-input
v5.0.1
Published
A color input designed for the React library MUI built with TinyColor
Downloads
138,201
Maintainers
Readme
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} />
}
Next.js integration
Learn how to use MUI color input with Next.js
Once you have installed MUI Color Input
in your next.js project, it is important to transpile it as it is an ESM package first.
/** @type {import('next').NextConfig} */
const nextConfig = {
transpilePackages: ['mui-color-input'],
// your config
}
module.exports = nextConfig
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