pha-pointer, .react-colorful__saturation-pointer { width: 15px !important; height: 15px !important; } */ const DevColorPickerV1 = ({ setColor, color = "#E26F1D", }: ColorPickerProps) => { return ( } >

setColor?.(newColor)} /> setColor?.(e.target.value)} />

); }; export default DevColorPickerV1; 21:T6a6,"use client"; import React from "react"; import { HexAlphaColorPicker } from "react-colorful"; import DevPopoverV1 from "../../popovers/(dev-popover-v1)/dev-popover-v1"; // Css /* .react-colorful { gap: 5px; width: 100% !important; height: 180px !important; border-radius: 0px; } .react-colorful__saturation { border-radius: 5px !important; width: 100%; } .react-colorful__hue, .react-colorful__alpha { border-radius: 5px !important; width: 100%; height: 12px !important; } .react-colorful__hue-pointer, .react-colorful__alpha-pointer, .react-colorful__saturation-pointer { width: 15px !important; height: 15px !important; } */ const DevColorPickerV1 = ({ setColor, color = "#E26F1D", }) => { return (

Color Pickers

Sub Components