scrollStrip

scrollStrip(opts): void

Defined in: components/tabs.ts:116

A horizontal row that scrolls when its content outgrows it, with a ‹ / › button appearing over whichever end still has something left to reach — so it isn’t just a swipe target. The row’s own scrollbar is hidden, and the buttons scroll it by most of a width at a time.

tabs puts its tab strip in one, and the routed main shell its breadcrumb stack. Reach for it for any row of chrome that can outgrow its space: a filter bar, a row of chips, a toolbar. revealInStrip brings one of its children into view.

Parameters

opts

ScrollStripOptions

Returns

void

Example

S.scrollStrip({
  attrs: "gap:$1",
  content: () => { for (const tag of tags) S.button({ content: tag, attrs: ".small" }); },
});