Components
Cromia Compact
A compact Cromia color picker with an area selector, hue slider, and editable hexadecimal color input.
import CromiaCompact from "@/components/ui/cromia-compact"
const settings = { hue: 258, saturation: 64, brightness: 96 }
export default function Demo(props: Partial<typeof settings>) {
const values = { ...settings, ...props }
return (
<div className="flex min-h-[560px] w-full items-center justify-center p-8">
<CromiaCompact {...values} />
</div>
)
}