AH
AI hoc

Multi Step Registration - Copy this React, Tailwind Component to your project

1. Màn hình nhập số điện thoại • Giao diện: o Một trường nhập số điện thoại với dropdown chọn mã vùng (mặc định là mã vùng Việt Nam: +84). Tách mã vùng và số điện thoại. o Nút "Tiếp tục". • Hành động: o Người dùng nhập số điện thoại → Bấm nút "Tiếp tục". • Nhận kết quả: Hiển thị màn hình đăng ký. 2. Màn hình nhập email: Nếu chọn mã vùng khác 84 thì hiển thị bước tiếp theo là màn hình mời nhập email “To continue, please input your email to verify. Nếu chọn mã vùng 84 thì bỏ qua bước này. 3. Màn hình verify: Hiển thị màn hình nhập OTP • Giao diện: o Hiển thị thông báo: "Nhập mã xác nhận đã được gửi qua [SMS/Email]". o Trường nhập mã OTP (6 chữ số). o Nút "Xác nhận". 4. Màn hình đăng ký • Giao diện: o Trường nhập:  Họ và tên (*).  Số điện thoại (*) (khóa, không cho chỉnh sửa).  Email  Ngày sinh  Quốc tịch (dropdown hoặc tự động nhận diện qua mã vùng số điện thoại). o Nút "Đăng ký"

Prompt
Component Preview

About

MultiStepRegistration - Seamlessly input phone, email, and OTP. Collect user info like name, birthdate, and nationality. Built with Re. Get code instantly!

Share

Last updated 1 month ago