Login Screen
Component Detail
User Interface
medium complexity
mobile
2
Dependencies
0
Dependents
0
Entities
0
Integrations
Description
Primary authentication screen providing email and password input fields, validation feedback, and navigation to password reset. Implements BLoC pattern for auth state management and adheres to WCAG 2.2 AA with minimum 24x24 touch targets, 4.5:1 contrast ratios, and full screen reader support.
login-screen
Responsibilities
- Render email and password input fields with real-time validation
- Display authentication errors and loading states
- Navigate to password reset flow
- Trigger biometric login prompt when credentials are stored
- Maintain accessible focus order and semantic labels
Interfaces
buildLoginForm()
onSubmitCredentials(email, password)
onForgotPassword()
showValidationError(field, message)
showAuthError(error)
navigateToHome()
navigateToBiometricPrompt()
Relationships
Dependencies (2)
Components this component depends on
Sub-Components (1)
Password Reset Sheet
component
low
Bottom sheet overlay allowing users to request a password reset email by entering their registered email address. Validates email format and displays confirmation or error feedback.
- Collect email for password reset
- Validate email format before submission
- Show success confirmation or error