Keyboard Navigation

The keyboard navigation of the OTP Input is always available.

The OTP Input supports the following keyboard shortcuts:

SHORTCUT	DESCRIPTION
Tab	Focuses the next input in the OTP. If the focus is on the last input, focuses the next focusable element on the page.
Shift + Tab	Focuses the previous input in the OTP. If the focus is on the first input, focuses the previous focusable element before the OTP.
Right Arrow	Moves the focus to the next focusable input in the OTP (if any).
Left Arrow	Moves the focus to the previous focusable input in the OTP (if any).
Backspace	Deletes the value of the focused input and moves the focus on the previous input. (if any).
Delete	Deletes the value of the focused input.

Change Theme

Theme

Loading ...

Pasting Values

The OTP Input supports pasting values from the clipboard, starting from the focused field. If the pasted value exceeds the total number of fields, it will be automatically trimmed to fit.

1. Copy the following code:

   text

   123456789

2. Paste it into the OTP Input using the Ctrl+V keyboard shortcut or the browser's context menu.

Change Theme

Theme

Loading ...

Suggested Links

• API Reference of the OTP Input
• Accessibility