preskok/ui

Color Field

Text color input with optional inline color picker and validation.

Installation

pnpm dlx @preskok-org/ui@latest add color-field

Usage

import { ColorField } from "@/registry/preskok/ui/preskok-ui/color-field"
 
export function ColorFieldExample() {
  return (
    <ColorField
      label="Brand color"
      placeholder="#2563eb"
      defaultValue="#2563eb"
      description="Choose a hex color."
    />
  )
}