Skip to content

StickyChrome

Overview

Teleports a view's sticky chrome into one of the StickyStackProvider zones (top or bottom) and registers the reveal behavior that zone should adopt while this chrome is mounted (see useStickyStack). When no provider zone exists above, the chrome renders inline where this component is placed, so a view degrades gracefully if the layout omits the provider.

Props

NameTypeRequiredDefaultDescription
zonestring"top"Which provider zone to teleport into. Fixed at mount; changing it later does not move the bar.
ordernumber0Sort order of this bar within its zone's stack (ascending, top to bottom). Reactive: changing it re-sorts the stack.
revealimport('vue').PropType<import('@vueda/use/useScrollReveal.js').ScrollRevealStrategy | boolean>undefinedThis bar's reveal behavior: a strategy string (always, scroll-up, scroll-up-or-idle) or a boolean (revealed when true). When omitted, the bar stays visible (always).

Slots

default

Slot.

Source

client/lib/shell/sticky/StickyChrome.vue

Documents matching: server v3.0.0a1.post1client v3.0.0-alpha.2