# Verification Code Input

> Plugin page: Coming soon

## Description

This plugin creates a customizable input field for entering codes, such as OTPs or verification codes. It supports the following features:

## Features

* Ability to specify the number of input boxes. 
* Supports only numeric values if needed. 
* Automatically moves the focus to the next input box after filling one. 
* Allows styling customization through the Bubble editor properties, including borders, font, colors, shadows, etc. 
* This plugin is ideal for applications where users need to enter a sequence of characters step-by-step, and ensures a clean and responsive user experience.

## How to Use

1. **Install the plugin**: Find the plugin and add it to your application.
2. **Place the input:** Find the "Code Input" in elements sidebar and drag it into the desired area. Set the parameters:
   * *Only Digits:* Enable this option if you want the input to accept only numeric values.
   * *Length:* Set the expected number of characters in the code.

<figure><img src="/files/YxUjujZo0MDgQq2Gc2qx" alt=""><figcaption></figcaption></figure>

If you have any questions, feel free to reach out at [<mark style="color:blue;">support@thesimplelabs.com</mark>](mailto:support@thesimplelabs.com)

## Demo Page

<https://plugindepartment.bubbleapps.io/version-test/code-input>

## Found a bug?&#x20;

If you suspect something isn't working quite right, please don't hesitate to send us a bug report. [Here's](/welcome-to-thesimplelabs-docs.md#how-to-report-a-bug) an instruction on how to file a bug report. \
\
Your input helps us quickly address issues and strive for continuous improvement. \
Thank you for your cooperation!


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.thesimplelabs.com/plugins/verification-code-input.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.