FormMessage() — ui Function Reference

Architecture documentation for the FormMessage() function in form.tsx from the ui codebase.

Function tsx ComponentRegistry ChartRegistry calls 1

Entity Profile

ComponentRegistry→ ChartRegistry→ FormMessage() — ui Function Reference

Dependency Diagram

graph TD
  6af91ab3_1747_a83d_1779_4786660937d9["FormMessage()"]
  7c1a62f1_bcbe_4a44_ea32_9038a4216dc9["form.tsx"]
  6af91ab3_1747_a83d_1779_4786660937d9 -->|defined in| 7c1a62f1_bcbe_4a44_ea32_9038a4216dc9
  5ef7902a_a7c8_3632_5104_bdf0a0722d94["useFormField()"]
  6af91ab3_1747_a83d_1779_4786660937d9 -->|calls| 5ef7902a_a7c8_3632_5104_bdf0a0722d94
  style 6af91ab3_1747_a83d_1779_4786660937d9 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

deprecated/www/registry/new-york/ui/form.tsx lines 148–166

>(({ className, children, ...props }, ref) => {
  const { error, formMessageId } = useFormField()
  const body = error ? String(error?.message ?? "") : children

  if (!body) {
    return null
  }

  return (
    <p
      ref={ref}
      id={formMessageId}
      className={cn("text-[0.8rem] font-medium text-destructive", className)}
      {...props}
    >
      {body}
    </p>
  )
})