InputOTPExample() — ui Function Reference

Architecture documentation for the InputOTPExample() function in input-otp-example.tsx from the ui codebase.

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ InputOTPExample() — ui Function Reference

Dependency Diagram

graph TD
  c1b505c8_a597_c5c3_7836_99a9451873ab["InputOTPExample()"]
  4aa10f6b_4776_aa23_5fe8_83405d831575["input-otp-example.tsx"]
  c1b505c8_a597_c5c3_7836_99a9451873ab -->|defined in| 4aa10f6b_4776_aa23_5fe8_83405d831575
  style c1b505c8_a597_c5c3_7836_99a9451873ab fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/bases/radix/examples/input-otp-example.tsx lines 33–46

export default function InputOTPExample() {
  return (
    <ExampleWrapper>
      <InputOTPForm />
      <InputOTPSimple />
      <InputOTPPattern />
      <InputOTPWithSeparator />
      <InputOTPAlphanumeric />
      <InputOTPDisabled />
      <InputOTPFourDigits />
      <InputOTPInvalid />
    </ExampleWrapper>
  )
}