Skip to main content

Fancy header

The site header component — handles sticky/scroll positioning behavior so the header can react to scroll direction without you writing that logic per template.

Props​

PropTypeDefaultNotes
positionselect"default"Header positioning mode.
scrollingStatusbooleantrueWhether the header reacts to scroll position at all.
hideOnScrollSectionbooleantrueHides the header while scrolling through a given section.
Note

This page covers the component's current props. A full walkthrough — like the one on Accordion — is coming as this component gets re-verified in an active conversion.