ID capture
One step of identity checks: why the ID is needed, a viewfinder frame, tips for a clear photo, Take photo and Upload from files.
Preview
Mirrored is the same English content laid out right to left: it separates a mirroring bug from a translation one.
EnglishMirroredArabic
DesktopMobile
LTR →
Installation
Add the block
npx ritla add kyc-captureAlso works with shadcn:
npx shadcn@latest add @ritla/kyc-capture
Built from
The Ritla UI components this block is made of. Each is installed with it.
Arabic and RTL notes
Mirrors
- The step bar fills from the start side: right to left in Arabic.
- The back arrow, the tips and the Upload link follow the reading direction.
Does not mirror
- The ID photo itself is never flipped.
- Numerals
- The step count follows the numerals setting.
- Mixed-direction text
- The camera opens only when Take photo is pressed, through the phone's own camera; nothing asks for it when the screen loads.