Skip to content

Snap

Settle the header fully open or closed when released mid-collapse.

snapThreshold={0.5}

By default the header stays wherever the scroll leaves it. Set snapThreshold to make a partially-collapsed header animate to its nearest resting state on release — a polished, app-like feel.

<Tabs.Container snapThreshold={0.5} renderHeader={...}>
  {tabs}
</Tabs.Container>

Note · Snap is a plain shared-value animation — it never deadlocks the UI thread (a known failure mode of offset-driven snap on the New Architecture).

Reference

snapThreshold number | null

When set (0..1), a header released mid-collapse animates fully open or closed depending on how far it crossed the threshold. Default null (no snap).