Uses a header for large screen sizes and a collapsible drawer for smaller screens.
Same as the standard layout, but the header scrolls with the content.
The drawer is always open in large screen sizes, functioning as side navigation.
Same as the previous layout, but with no header.
Always shows a header, even in smaller screens.
The drawer is always open in large screens. The header is always shown, even in small screens.
Example of a more complex waterfall header, with multiple rows (on large screens only).
Uses a transparent header that draws on top of the layout's background.
Simple header with scrollable tabs.
Simple header with fixed tabs.