Scrollbar

Custom scrollbar with accessible controls.

Usage

<w-scrollbar>
  <w-slot body>
    <div>
      <!-- Scrollable content -->
    </div>
  </w-slot>
  <w-slot rail>
    <div>
      <w-slot knob><div></div></w-slot>
    </div>
  </w-slot>
</w-scrollbar>

Props

Prop	Type	Default	Description
orientation	"vertical" | "horizontal"	"vertical"	Scroll direction

Slots

Slot	Element	Description
content	Container	Scrollable content area
track	Container	Scrollbar track
thumb	Element	Draggable thumb

Keyboard

Key	Action
ArrowDown / ArrowRight	Scroll forward
ArrowUp / ArrowLeft	Scroll backward
Page Down	Scroll page forward
Page Up	Scroll page backward
Home	Scroll to start
End	Scroll to end

Accessibility

• role="scrollbar" with proper ARIA
• Keyboard accessible
• Thumb position reflects scroll state