// title: Release notes editor with title input and publish action "use client"; import { useState } from "react"; import { Badge } from "@/registry/default/ui/badge"; import { Button } from "@/registry/default/ui/button"; import { Field, FieldLabel } from "@/registry/default/ui/field"; import { Input } from "@/registry/default/ui/input"; import { Separator } from "@/registry/default/ui/separator"; import { Textarea } from "@/registry/default/ui/textarea"; const MAX_CHARS = 2000; export function Pattern() { const [title, setTitle] = useState("v2.4.0 — New Dashboard"); const [notes, setNotes] = useState( `## What's new\n\n- Redesigned dashboard layout with improved navigation\n- Performance improvements across all pages\n- Fixed critical authentication bug on mobile`, ); const [status, setStatus] = useState<"draft" | "published">("draft"); return (

Release Notes

{status === "published" ? "Published" : "Draft"}

Version title setTitle(e.target.value)} placeholder="e.g. v2.4.0 — Feature name" value={title} /> Release notes