# Adaptive Rendering

The OTPInput does not require specific adaptive rendering, but you can use the [`inputAttributes`](https://www.telerik.com/kendo-vue-ui-develop/components/inputs/api/otpinputprops#inputattributes) property to enable the browser to show an input-specific on-screen keyboard.

## On-Screen Keyboard

To enhance the mobile user experience of your Vue apps, configure the type of on-screen keyboard for the OTPInput. Use the [`inputAttributes`](https://www.telerik.com/kendo-vue-ui-develop/components/inputs/api/otpinputprops#inputattributes) property to set the `inputMode` HTML attribute on every inner `<input>` element. Based on the `inputMode` setting, the browser will display the most appropriate virtual keyboard.

> Test the different virtual keyboard types by opening this example on a mobile device.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/inputs/otpinput/adaptive-rendering/source.txt)

## Suggested Links

* [API Reference of the OTPInput Props](https://www.telerik.com/kendo-vue-ui-develop/components/inputs/api/otpinputprops)
* [The `inputmode` Global Attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode)