THN
Trường Huy Nguyễn

Step Modal - Copy this React, Tailwind Component to your project

I want a stepper with Step-by-Step Flow Step 1: Account Type Selection Components: Dropdown (Select Box) and Next Button Select Box: "Account Type" dropdown to choose between different account types (e.g., "Zalo," etc.). Next Button: Positioned at the bottom of the modal, transitions to Step 2. Step 2: Zalo Account Instructions Conditional Content: If the user selects "Zalo" in Step 1 Image: Square image with a Zalo QR code. Caption: Text beneath the image, saying: "Use the Zalo app on your phone to scan the login code." Step 3: Account Details Components: Profile Picture, Account Name Profile Image: Displayed as a circle, centering the account’s picture. Account Name: Bold text directly beneath the profile image, showing the account’s name. Step 4: Login Status Components: Login Status Indicator Status Icon: Either a checkmark (✓) or an X, next to a status message indicating the account’s current login state.

Prompt
Component Preview

About

StepModal - A step-by-step flow with account type selection, Zalo QR code, profile image, and login status. Built with React and Tailwi. Copy now for free!

Share

Last updated 1 month ago