Color Field

A color field allows users to edit a hex color or individual color channel value.

Library

React Spectrum

Framework

React

Type

component

License

Apache-2.0

Files

• packages/@react-spectrum/s2/src/ColorField.tsx
• packages/react-aria-components/src/ColorField.tsx
• packages/@react-spectrum/s2/src/useDOMRef.ts
• packages/@react-spectrum/s2/src/style-utils.ts
• packages/@react-spectrum/s2/src/Field.tsx
• packages/@react-spectrum/s2/src/Form.tsx
• packages/react-aria-components/src/Input.tsx
• packages/@react-spectrum/s2/style/index.ts

Source

https://github.com/adobe/react-spectrum

Categories

• Color Picker Components
• React Color Picker Components
• Tailwind CSS Color Picker Components
• Input Components
• React Input Components
• Tailwind CSS Input Components
• Text Input Components
• React Text Input Components
• Tailwind CSS Text Input Components

More from React Spectrum

• Color Area
• Color Slider
• Color Swatch Picker
• Color Wheel
• Date Field
• Number Field
• Search Field
• Text Field
• Tailwind Color Area
• Tailwind Color Field
• Tailwind Color Picker
• Tailwind Color Slider