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.
