Lewati ke konten

ScrollArea

Wilayah dapat digulir bertema, dibangun di atas primitif ScrollArea milik Reka UI.

Penggunaan

Scrollable line 1

Scrollable line 2

Scrollable line 3

Scrollable line 4

Scrollable line 5

Scrollable line 6

Scrollable line 7

Scrollable line 8

Scrollable line 9

Scrollable line 10

Scrollable line 11

Scrollable line 12

Scrollable line 13

Scrollable line 14

Scrollable line 15

vue-html
<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>

Berikan tinggi melalui class (fallthrough) - SScrollArea mengisi kotak apa pun tempat ia ditempatkan. PageAside menggunakan ini secara internal untuk body yang dapat digulir.

Custom :ui

Untuk melihat dengan tepat apa yang akan Anda timpa - kelas default untuk setiap slot - berikut adalah file tema ScrollArea sendiri:

Global dan scoped theme recipes menggunakan ui.scrollArea.

Theme source "scroll-area" not found

Props

PropTipeDefault
orientation'vertical' | 'horizontal' | 'both''vertical'
uiPartial<Record<ScrollAreaSlot, string | object>>-

Slots

SlotDeskripsi
defaultKonten yang dapat digulir