Scroll Area

arrow_back arrow_forward

An overflow container with a custom-styled scrollbar.

Component 1

Component 2

Component 3

Component 4

Component 5

Component 6

Component 7

Component 8

Component 9

Component 10

Component 11

Component 12

Component 13

<div class="sa">
  <div class="sa-viewport">
    <div class="sa-item">Item 1</div>
    <div class="sa-item">Item 2</div>
    <!-- more items -->
  </div>
</div>

Installation

Built with pure HTML and CSS. Include ds-shared.css in your project.

pnpm add @norbielink/ds

API Reference

Classes

Class	Description
`sa`	Fixed-size container with overflow:hidden
`sa-viewport`	Scrollable inner area (overflow-y:auto)
`sa-item`	Individual list item
`sa-dk`	Dark mode modifier

← Previous Resizable Next → Select