Forms
Form dialog examples from Origin UI with Revola, showcasing authentication, feedback, payment, and user profile patterns.
Revola handles form dialogs seamlessly across mobile and desktop, adapting from drawer to modal while maintaining excellent user experience for form interactions.
Mobile Forms Tip: When using forms with inputs, add overflow-y-auto to the wrapping div. This ensures content remains scrollable when the mobile keyboard appears, keeping all form elements accessible.
Authentication
User authentication flows including sign up, sign in, and verification patterns.
Sign Up
A user registration form with name, email, and password inputs for creating new accounts.
Sign In
A user login form with email, password, and remember me functionality for returning users.
OTP Code
A verification form with OTP input for two-factor authentication and account verification.
Feedback
A simple feedback form with textarea for collecting user comments and suggestions.
Newsletter
A newsletter subscription form with email input for building mailing lists.
Rating
A rating form with radio buttons and optional feedback for collecting user ratings.
Management
Invite Members
A team member invitation dialog with multiple email inputs and magic link sharing functionality for growing your team.
Payment
Payment processing forms for checkout flows and card management.
Checkout
A comprehensive checkout form with plan selection and payment card inputs for purchases.
Credit Card
A payment card update form with card details and billing information inputs.
User Profile
User account management forms for profile updates and subscription changes.
Change Plan
A subscription plan selection form with radio buttons for upgrading or changing plans.
Edit Profile
A profile editing form with file upload and various inputs for updating user information.