ScrollArea

Usage

<SScrollArea class="h-32">
  <div class="flex flex-col gap-2 p-3">
    <p v-for="i in 15" :key="i">Line {{ i }}</p>
  </div>
</SScrollArea>

Give it a height via class (fallthrough) - SScrollArea fills whatever box it's placed in. PageAside uses this internally for its scrollable body.

Custom :ui

To see exactly what you'd be overriding - the current default classes for every slot - here's ScrollArea's own theme file:

Global and scoped theme recipes use ui.scrollArea.

Props

Slots