Preview
Code
"use client"
import { ColorField } from "@/components/ui/preskok-ui/color-field"
import { Label } from "@/components/ui/preskok-ui/field"
import { Input } from "@/components/ui/preskok-ui/input"
export function ColorFieldPreskokDemo() {
return (
<ColorField>
<Label>Color</Label>
<Input placeholder="#000" />
</ColorField>
)
}
Installation
pnpmnpmyarnbunpnpm dlx preskok-ui@latest add color-field
Usage
import { ColorField } from "@/components/ui/preskok-ui/color-field"
export function ColorFieldExample() {
return (
<ColorField
label="Brand color"
placeholder="#2563eb"
defaultValue="#2563eb"
description="Choose a hex color."
/>
)
}