The OTP component only styles the input fields, leaving the surrounding interface unstyled. You can wrap it in a card or other containers to match your design.

Using the length prop, you can adjust the number of OTP input fields to match your desired length.

The onComplete prop allows you to execute a function when the user has fully entered the OTP.

Handle invalid OTP inputs by using the error prop to show visual feedback when the entered OTP is incorrect.