Themes
Advanced
Utils
Components

InputOTP

복사 붙여넣기 기능을 갖춘 접근 가능한 일회용 비밀번호 구성 요소.

View sourceReport an issueView in Playground
<InputOTP maxLength={6}>

	<InputOTPGroup>

		<InputOTPSlot index={0} />

		<InputOTPSlot index={1} />

		<InputOTPSlot index={2} />

	</InputOTPGroup>

	<InputOTPSeparator />

	<InputOTPGroup>

		<InputOTPSlot index={3} />

		<InputOTPSlot index={4} />

		<InputOTPSlot index={5} />

	</InputOTPGroup>

</InputOTP>

API Reference

이 컴포넌트는 Input-otp를 기반으로 지원합니다.

Root

모든 선택 요소를 포함합니다. Select primitive Root 부분에서 props를 상속받습니다.

PropTypeDefault
maxLength
number
No default value
render*
Function
(props: RenderProps) => React.ReactElement"
containerClassName
string
No default value
value
number
50
value
number
50
onChange
Function
(newValue: string) => unknown
onComplete
Function
(...args: any[]) => unknown
textAlign
'left' | 'center' | 'right'
'left'
inputMode
'numeric' | 'text' | 'decimal' | 'tel' | 'search' | 'email' | 'url'
numeric
placeholder
string
No default value
pasteTransformer
Function
(pastedText: string) => string
pushPasswordManagerStrategy
'increase-width' | 'none' '
increase-width
noScriptCSSFallback
string | null
No default value
PreviousInput Number
NextInput Phone Number
Edit this page on GitHub.