Page Header Widget
Component Detail
User Interface
low complexity
Shared Component
mobile
2
Dependencies
0
Dependents
0
Entities
0
Integrations
Description
Standardized page header widget providing consistent visual hierarchy, back navigation, and screen reader announcement across all screens. Announces page titles to VoiceOver and TalkBack via Semantics header role, and supports action buttons with accessible labels.
page-header-widget
Responsibilities
- Announce page title via Semantics header role for screen reader page navigation
- Render back button with localized semantic label ('Go back') instead of default icon-only
- Support optional trailing action buttons with mandatory semantic labels
- Apply consistent typography tokens (heading size, weight, color) from design token system
- Manage status bar style based on background luminance for legibility
Interfaces
PageHeader({required String title, String? semanticTitle})
PageHeader.withActions({required List<AppBarAction> actions})
PageHeader.transparent()
setTitle(String title)
addAction(AppBarAction action)
Relationships
Dependencies (2)
Components this component depends on