Start

Get StartedHello WorldResourcesSetup

Learn

Best PracticesMobileColorSizingPaddingTypographyWriting StyleDate and TimeCapitalizationNavigation

Reference

ArchitectureIntegrationAccessibilityBrowser SupportAbout
Showcase

Templates

Primary PageSub PageDetail PageVertical NarrativeInfographic

Components

Layout

BoxColumnsLayerSplit

Structure

AppArticleCardFooterHeaderHeroNotificationSectionSidebarToastValue

Text

HeadingHeadlineLabelMarkdownParagraphQuoteTimestampTitle

Controls

AccordionAnchorButtonFilterControlMenuSearchSortTabsTip

Forms

CheckBoxDateTimeFormFormFieldLoginFormNumberInputPasswordInputRadioButtonSearchInputSelectTextInput

Listing

ListListPlaceholderTableTableHeaderTiles

Visualization

AnnotatedMeterChartDistributionLegendMapMeterSunBurstTopologyWorldMap

Icons

IconPulseSocialShareSpinningStatus

Media

CarouselImageVideo

Utils

AnimateAnnouncerQueryResponsiveRestRestWatch
Main Content

Header

Examples

Combines Title and Menu elements responsively.

Title

Properties

fixed true|false
Whether the header is fixed on the page, typically so content below it will scroll under it.
float true|false
Whether the header floats above content underneath it.
size small|medium|large
The size of the Header. Defaults to medium.
splash true|false
Whether to render it in a style suitable for a splash screen.

Options for Box are also available.

This work is licensed under the Creative Commons Attribution 4.0 International License.