Skip to content

Reveal on scroll

Bring the header back on any upward scroll, Twitter-style.

revealHeaderOnScroll

Two reveal modes. The default keeps the header attached to content: it expands only when you scroll back to the top of the list. With revealHeaderOnScroll, the header pops back the instant you scroll up — like Twitter/X.

<Tabs.Container revealHeaderOnScroll renderHeader={...}>
  {tabs}
</Tabs.Container>

Reference

revealHeaderOnScroll boolean

When true, any upward scroll delta expands the header immediately. Default false — the header re-appears only when content scrolls back up to it.