Blocks · Sign in and sign up
OTP verify
The screen after sign-in or sign-up that asks for the code sent by text message, with a resend countdown.
Preview
Mirrored is the same English content laid out right to left: it separates a mirroring bug from a translation one.
Installation
Opens at launchInstalling from the registry opens at launch. Until then, these are the commands you will run.
npx ritla add otp-verifyAlso works with shadcn: npx shadcn@latest add @ritla/otp-verify
Built from
The Ritla UI components this block is made of. Each is installed with it.
Arabic and RTL notes
Mirrors
- Title, text and buttons start on the right in Arabic.
Does not mirror
- The code boxes read left to right, first box on the left, as codes are typed.
- The phone ending stays left to right inside the Arabic sentence.
- Numerals
- The countdown follows the numerals setting. Digits typed on an Arabic keyboard count as the same code.