Skip to content
DOL Studio

Scroller

Design: Stable Code: Design only layoututility 6 Figma sets .Scroller/Base thumb

Live preview

Practice modes

Figma source

Figma source 6 sets
Page
Scroller
Sets
6
Primary set
.Scroller/Base thumb · 40 variants Open in Figma →
Showing: .Scroller/Base thumb
5 other sets
  • .Scroller/Horizontal/Position 3 variants Figma →
  • .Scroller/Position 3 variants Figma →
  • Scroller horizontal (Main) 3 variants Figma →
  • Scroller vertical (Main w Accessibility) 9 variants Figma →
  • Scroller vertical (Small) 12 variants Figma →

AI context

AI context

Markdown summary safe to paste into Claude / ChatGPT / Cursor — includes name, status, import, props, axes, examples, figma source. 

# Scroller
Slug: `scroller`
Domain: general · Category: navigation
Design: stable · Code: design-only


## Description
Custom scrollbar treatments - base thumb + horizontal/vertical positions.


## Figma source
Page: Scroller
Sets: 6
Primary: .Scroller/Base thumb
Open: https://www.figma.com/design/DqRd7UQkNGcdvYL5fwZxlf/?node-id=8623-97311

Related

  • L
    lms

    LMS Role Sidebar

    Design only
  • Pressed

    Tabbar, Toggle

    Coded
  • S
    nav

    Sidebar

    Coded
    1. 1
    2. 2
      2
    3. 3
      3

    Steps

    Coded

  • Pagination

    Coded
  • HomeSectionCurrent

    Breadcrumb

    Coded

Status legend

Status legend
Stable
Design + code shipped, full DS parity.
Partial
Design ready, some variants/states missing in code.
Coded
Implemented in code; design canon may not yet exist.
Design only / Code only
One side present; awaiting the other.

Phase 1.X-5.2 detail view — read-only metadata. Code preview + recipe + live demo deferred (need @dol/ui registry integration).