Settings Screen
Component Detail
User Interface
low complexity
mobile
2
Dependencies
0
Dependents
0
Entities
0
Integrations
Description
Main settings screen accessible via the hamburger menu, presenting categorized configuration options as a scrollable list of tappable menu cards. Serves as the central hub for user-controlled configuration covering notifications, language, accessibility, linked accounts, logout, and organization switching. Meets WCAG 2.2 AA requirements for logical reading order, semantic labels, and keyboard/switch-access navigation.
settings-screen
Responsibilities
- Render categorized settings sections with accessible menu card groups
- Handle navigation to sub-screens or trigger inline actions (e.g., logout)
- Ensure all interactive elements meet minimum touch target size (24x24 CSS px)
- Support screen reader navigation with descriptive semantic labels
Interfaces
build(BuildContext context)
navigateToSubScreen(String routeName)
triggerAction(SettingsAction action)
renderSettingsSection(SettingsSection section)
handleLogout()
handleOrganizationSwitch()
Relationships
Dependencies (2)
Components this component depends on