import { NAME, pattern, UI, type VNode, Writable } from "commonfabric"; import { Controls, SwitchControl } from "../ui/controls/index.ts"; // deno-lint-ignore no-empty-interface interface VScrollStoryInput {} export interface VScrollStoryOutput { [NAME]: string; [UI]: VNode; controls: VNode; } export default pattern(() => { const showScrollbar = new Writable(true); const fadeEdges = new Writable(false); return { [NAME]: "cf-vscroll Story", [UI]: (

Vertical Scrollable Area

Item 1

Item 2

Item 3

Item 4

Item 5

Item 6

Item 7

Item 8

Item 9

Item 10

With max-height

Row A

Row B

Row C

Row D

Row E

Row F

), controls: ( <> ), }; });