pattern-library 1 linked patterns checked
Material Design: Top app bar
Defines the top app bar as the surface for branding, current screen title, navigation, action icons, overflow, scrolling behavior, and contextual action bars.
Read with a purpose
What this source can teach
Use this source to compare a documented solution with the task and states in your own product.
- Start with the original. Open the source and find the guidance or example relevant to your task.
- Trace the connection. Use the claim notes below to see how this site applies the source to specific patterns.
- Check the setting. Compare the source's platform, people, and constraints with your own decision.
Pattern Decisions This Source Supports
| Pattern | Supported decision | Required contract | Claim note |
|---|---|---|---|
| Header / top app bar | Choose a header/top app bar when each screen needs a current title plus view-level actions such as search, share, edit, save, or overflow. | The title in the bar must match the rendered content or current route. | Material top app bar guidance defines title, navigation, action icons, overflow, scrolling, and contextual variants. |
Comparisons supported by this source
- Header / top app bar vs global navigation vs bottom navigation
Material defines top app bars around branding, title, navigation, actions, overflow, and contextual variants.
Evidence Role
This source is treated as pattern-library evidence. Its value comes from the specific claims and setting described above.
Publisher: Material Design. Last checked: .