KScrollArea

示例

Scrollable area

Line 1 of scrollable content.

Line 2 of scrollable content.

Line 3 of scrollable content.

Line 4 of scrollable content.

Line 5 of scrollable content.

Line 6 of scrollable content.

Line 7 of scrollable content.

Line 8 of scrollable content.

Line 9 of scrollable content.

Line 10 of scrollable content.

Line 11 of scrollable content.

Line 12 of scrollable content.

Line 13 of scrollable content.

Line 14 of scrollable content.

Line 15 of scrollable content.

Line 16 of scrollable content.

Line 17 of scrollable content.

Line 18 of scrollable content.

Line 19 of scrollable content.

Line 20 of scrollable content.

Scrollable container with custom-styled scrollbars (thin track, rounded thumb).

Props

Name	Type	Default	Description
class	string	—	Additional CSS classes.

Slots

Name	Description
default	Scrollable content.

Basic Usage

<script setup>
import { KScrollArea } from '@kK-2004/ui-component'
</script>

<template>
  <KScrollArea class="h-64">
    <p v-for="i in 50" :key="i">Item {{ i }}</p>
  </KScrollArea>
</template>