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.
| Prop | Type | Default | Notes |
|---|---|---|---|
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 bindable | HTMLDivElement | null | null | |
selectedId bindable | string | null | null |
Plus the attributes of Omit<HTMLAttributes<HTMLDivElement>, 'children'>, forwarded to the root element.