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>

Item 1

Item 2

Item 3

Item 4

Item 5

Item 6

Item 7

Item 8

Item 9

Item 10

Item 11

Item 12

Item 13

Item 14

Item 15

Item 16

Item 17

Item 18

Item 19

Item 20

Item 21

Item 22

Item 23

Item 24

Item 25

Item 26

Item 27

Item 28

Item 29

Item 30

Item 31

Item 32

Item 33

Item 34

Item 35

Item 36

Item 37

Item 38

Item 39

Item 40

Item 41

Item 42

Item 43

Item 44

Item 45

Item 46

Item 47

Item 48

Item 49

Item 50