Playground GitHub npm

Scroll Area

Clipped Flickable viewport with a slim custom scrollbar.

ui layout

Preview

Installation

npx slintcn@latest add scroll-area

Usage

import { ScrollArea } from "slintcn/components/scroll-area.slint";

ScrollArea {
    content-height: 480px;          // total scrollable height
    VerticalLayout { height: 480px; /* tall content */ }
}

Properties

content-height in length

Logical height of the scrollable content; scrolls when this exceeds the visible height.

Dependencies

theme only

Installed automatically as transitive dependencies of slintcn add scroll-area.