InputInvalid() — ui Function Reference

Architecture documentation for the InputInvalid() function in input-invalid.tsx from the ui codebase.

Function tsx DocumentationAtlas Changelog

Entity Profile

DocumentationAtlas→ Changelog→ InputInvalid() — ui Function Reference

Dependency Diagram

graph TD
  cd76559e_767d_f638_1e01_4bb190a64764["InputInvalid()"]
  b6b655a7_ed44_dbf1_fb5d_41d8b02e9a42["input-invalid.tsx"]
  cd76559e_767d_f638_1e01_4bb190a64764 -->|defined in| b6b655a7_ed44_dbf1_fb5d_41d8b02e9a42
  style cd76559e_767d_f638_1e01_4bb190a64764 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/radix/input-invalid.tsx lines 4–14

export function InputInvalid() {
  return (
    <Field data-invalid>
      <FieldLabel htmlFor="input-invalid">Invalid Input</FieldLabel>
      <Input id="input-invalid" placeholder="Error" aria-invalid />
      <FieldDescription>
        This field contains validation errors.
      </FieldDescription>
    </Field>
  )
}