Skip to content
LoidoltTheme 0.11.1
Svelte 5

Component

Filmstrip

A selectable rail of thumbnails — listbox semantics and scroll-into-view built in.

import { Filmstrip } from '@loidolt/theme-svelte';

Example

Notes

  • Vertical rails flip horizontal on their own when the workspace container goes compact.
  • Options are individually tabbable; a roving tabindex is deliberately deferred.

Props

Generated from the component source, so it cannot drift from the implementation.

Filmstrip props
PropTypeDefaultNotes
item required Snippet<[T, boolean]>—Thumbnail contents for one item; second argument is whether it is selected.
items required T[]—
label required string—Accessible name of the listbox.
class string—
itemClass string—
onSelect (id: string) => void—
orientation Orientation'vertical'Vertical rails flip horizontal on their own when the workspace container goes compact.
ref bindableHTMLDivElement | nullnull
selectedId bindablestring | nullnull

Plus the attributes of Omit<HTMLAttributes<HTMLDivElement>, 'children'>, forwarded to the root element.