TextareaInvalid() — ui Function Reference

Architecture documentation for the TextareaInvalid() function in textarea-invalid.tsx from the ui codebase.

Function tsx DocumentationAtlas SearchAPI

Entity Profile

DocumentationAtlas→ SearchAPI→ TextareaInvalid() — ui Function Reference

Dependency Diagram

graph TD
  a30568b3_8979_5e54_fe55_ff13f1b1f1d9["TextareaInvalid()"]
  a3992911_63d8_3589_ca82_632718b2cc50["textarea-invalid.tsx"]
  a30568b3_8979_5e54_fe55_ff13f1b1f1d9 -->|defined in| a3992911_63d8_3589_ca82_632718b2cc50
  style a30568b3_8979_5e54_fe55_ff13f1b1f1d9 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/radix/textarea-invalid.tsx lines 4–16

export function TextareaInvalid() {
  return (
    <Field data-invalid>
      <FieldLabel htmlFor="textarea-invalid">Message</FieldLabel>
      <Textarea
        id="textarea-invalid"
        placeholder="Type your message here."
        aria-invalid
      />
      <FieldDescription>Please enter a valid message.</FieldDescription>
    </Field>
  )
}