InputDisabled() — ui Function Reference

Architecture documentation for the InputDisabled() function in input-disabled.tsx from the ui codebase.

Function tsx DocumentationAtlas SearchAPI

Entity Profile

DocumentationAtlas→ SearchAPI→ InputDisabled() — ui Function Reference

Dependency Diagram

graph TD
  9b8f9d91_8976_6760_a9d8_29bdadd14878["InputDisabled()"]
  9bc4a07e_d127_96fd_1aa4_c3dc616227be["input-disabled.tsx"]
  9b8f9d91_8976_6760_a9d8_29bdadd14878 -->|defined in| 9bc4a07e_d127_96fd_1aa4_c3dc616227be
  style 9b8f9d91_8976_6760_a9d8_29bdadd14878 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/radix/input-disabled.tsx lines 4–17

export function InputDisabled() {
  return (
    <Field data-disabled>
      <FieldLabel htmlFor="input-demo-disabled">Email</FieldLabel>
      <Input
        id="input-demo-disabled"
        type="email"
        placeholder="Email"
        disabled
      />
      <FieldDescription>This field is currently disabled.</FieldDescription>
    </Field>
  )
}