# @uiw/react-color-editable-input-rgba
> Color Editable Input RGBA
Latest version **2.10.3** (published 2026-05-24) · MIT license · 0 weekly downloads
## Install
```sh
npm install @uiw/react-color-editable-input-rgba
pnpm add @uiw/react-color-editable-input-rgba
yarn add @uiw/react-color-editable-input-rgba
bun add @uiw/react-color-editable-input-rgba
```
## Health
**Score 60/100 (C)** — status: active.
Positive: has types; esm support; no vulnerabilities; has provenance.
Warnings: low downloads.
## Facts
| | |
|---|---|
| Version | 2.10.3 |
| Published | 2026-05-24 |
| First published | 2021-07-12 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 2 |
| Unpacked size | 26.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Provenance | attested (GitHub Actions) |
| GitHub stars | 566 |
| Author | Kenny Wong |
| Maintainers | wcjiang, uiwjs |
| Keywords | react, react-color, react-component, color-picker, colorpicker, color picker, colorful, react-color-editable-input-rgba, editable-input-rgba, editable-input, editable, rgba, color, convert |
## Links
- npm: https://www.npmjs.com/package/@uiw/react-color-editable-input-rgba
- Repository: https://github.com/uiwjs/react-color
- Homepage: https://uiwjs.github.io/react-color/#/editable-input-rgba
- Issues: https://github.com/uiwjs/react-color/issues
- Funding: https://jaywcjlove.github.io/#/sponsor
- npm.io page: https://npm.io/package/@uiw/react-color-editable-input-rgba
## Dependencies (2)
- [@uiw/color-convert](https://npm.io/package/@uiw/color-convert.md) 2.10.3
- [@uiw/react-color-editable-input](https://npm.io/package/@uiw/react-color-editable-input.md) 2.10.3
## Alternatives
- [postcss-color-hex-alpha](https://npm.io/package/postcss-color-hex-alpha.md) — 6.4M weekly downloads
- [randomcolor](https://npm.io/package/randomcolor.md) — 348.0K weekly downloads
- [bows](https://npm.io/package/bows.md) — 1.3K weekly downloads
- [ep_prefer_color_scheme](https://npm.io/package/ep_prefer_color_scheme.md) — 260 weekly downloads
- [coc-yank](https://npm.io/package/coc-yank.md) — 61 weekly downloads
## Recent versions
- 2.10.3 (latest) — 2026-05-24
- 2.10.2 — 2026-05-21
- 2.10.1 — 2026-04-08
- 2.10.0 — 2026-04-07
- 2.9.6 — 2026-03-07
- 2.9.5 — 2026-02-10
- 2.9.4 — 2026-02-01
- 2.9.3 — 2026-01-29
- 2.9.2 — 2025-10-28
- 2.9.1 — 2025-10-24
- 2.9.0 — 2025-10-03
- 2.8.1 — 2025-09-29
- 2.8.0 — 2025-08-19
- 2.7.3 — 2025-07-30
- 2.7.2 — 2025-07-30
- … 88 more at https://npm.io/package/@uiw/react-color-editable-input-rgba/versions
## README
React Color Editable Input RGBA
===
[](https://jaywcjlove.github.io/#/sponsor)
[](https://x.com/jaywcjlove)
[](https://www.npmjs.com/package/@uiw/react-color-editable-input-rgba)
[](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-color-editable-input-rgba/file/README.md)
EditableInputRGBA Component is a subcomponent of [**`@react-color`**](https://uiwjs.github.io/react-color).
[](https://uiwjs.github.io/react-color/#/editable-input-rgba)
## Install
```bash
npm i @uiw/react-color-editable-input-rgba
```
## Usage
```jsx mdx:preview
import React, { useState } from 'react';
import { hsvaToHex } from '@uiw/color-convert';
import EditableInputRGBA from '@uiw/react-color-editable-input-rgba';
export default function Demo() {
const [hsva, setHsva] = useState({ h: 209, s: 36, v: 90, a: 1 });
return (
{
setHsva({ ...hsva, ...color.hsva });
}}
/>
);
}
```
## Props
```ts
import React from 'react';
import { EditableInputProps } from '@uiw/react-color-editable-input';
import { HsvaColor, ColorResult } from '@uiw/color-convert';
export interface EditableInputRGBAProps extends Omit, 'onChange'> {
prefixCls?: string;
hsva: HsvaColor;
placement?: 'top' | 'left' | 'bottom' | 'right';
rProps?: EditableInputProps;
gProps?: EditableInputProps;
bProps?: EditableInputProps;
aProps?: false | EditableInputProps;
onChange?: (color: ColorResult) => void;
}
declare const EditableInputRGBA: React.ForwardRefExoticComponent>;
export default EditableInputRGBA;
```
## Contributors
As always, thanks to our amazing contributors!
Made with [contributors](https://github.com/jaywcjlove/github-action-contributors).
## License
Licensed under the MIT License.
---
_Source: https://npm.io/package/@uiw/react-color-editable-input-rgba · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._
