InputDemo() — ui Function Reference

Architecture documentation for the InputDemo() function in input-demo.tsx from the ui codebase.

Function tsx DocumentationAtlas ContentSourcing

Entity Profile

DocumentationAtlas→ ContentSourcing→ InputDemo() — ui Function Reference

Dependency Diagram

graph TD
  c8b0e73a_b96e_53a5_0b17_5f71e5464383["InputDemo()"]
  5d797a09_148a_256b_423c_248c066e8dca["input-demo.tsx"]
  c8b0e73a_b96e_53a5_0b17_5f71e5464383 -->|defined in| 5d797a09_148a_256b_423c_248c066e8dca
  style c8b0e73a_b96e_53a5_0b17_5f71e5464383 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

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

export function InputDemo() {
  return (
    <Field>
      <FieldLabel htmlFor="input-demo-api-key">API Key</FieldLabel>
      <Input id="input-demo-api-key" type="password" placeholder="sk-..." />
      <FieldDescription>
        Your API key is encrypted and stored securely.
      </FieldDescription>
    </Field>
  )
}