Color picker

"use client";

import { ColorPicker } from "@/components/miyuki-ui/color-picker";

export default function ColorPickerDemo() {
  return (
    <ColorPicker
      className="w-full max-w-[15rem]"
      label="Trail colour"
      defaultValue="#D4553A"
      description="Draws the Kiso forest trail on the map."
    />
  );
}

"use client";

import { ColorPickerPanel } from "@/components/miyuki-ui/color-picker";

export default function ColorPickerInlineDemo() {
  return (
    <div className="rounded-xl border border-border bg-card p-4 shadow-sm">
      <ColorPickerPanel label="Hut marker" defaultValue="#2E8F7E" showAlpha />
    </div>
  );
}