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
  24597f84_15f4_8519_b710_45f1a0b5606d["InputInvalid()"]
  1c45dbd5_1821_a689_09a2_84eab56353fa["input-invalid.tsx"]
  24597f84_15f4_8519_b710_45f1a0b5606d -->|defined in| 1c45dbd5_1821_a689_09a2_84eab56353fa
  style 24597f84_15f4_8519_b710_45f1a0b5606d fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/base/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>
  )
}