Settings Screen
Component Detail
User Interface
low complexity
mobile
2
Dependencies
0
Dependents
1
Entities
0
Integrations
Description
Centralized settings screen accessible from the hamburger menu, presenting grouped configuration sections including notification preferences, language/locale selection, biometric login toggle, display settings, and account management actions. Uses a grouped list pattern with clearly labeled semantic sections and proper heading hierarchy for screen reader compatibility.
settings-screen
Responsibilities
- Render grouped settings sections with accessible labels and heading hierarchy
- Display toggle controls for biometric login, notification preferences, and display options
- Provide language/locale selection with Norwegian Bokmal default
- Surface account-level actions (sign out, delete account, switch profile) with confirmation dialogs
- Ensure full keyboard navigability and screen reader support for all interactive elements
Interfaces
buildSettingsSections()
renderToggleControl(settingKey, value, label)
renderLanguageSelector(currentLocale, availableLocales)
showConfirmationDialog(action, destructive)
onSettingChanged(key, value)
onSignOutPressed()
onDeleteAccountPressed()
onSwitchProfilePressed()
navigateToPrivacyPolicy()
navigateToNotificationPreferences()
Relationships
Related Data Entities (1)
Data entities managed by this component