Scroll Area

Menyempurnakan gulir bawaan browser agar tampilannya bisa di-style dan konsisten lintas browser.

Instalasi

bash

npx shadcn-vue@latest add scroll-area

Pasang dependensi berikut:

bash

npm install reka-ui

Salin dan tempel kode sumber di GitHub ke project Anda.

Sesuaikan path import dengan struktur project Anda.

Penggunaan

vue

<script setup lang="ts">
import { ScrollArea } from '@/components/ui/scroll-area'
</script>

<template>
  <ScrollArea class="h-[200px] w-[350px] rounded-md border p-4">
    Jokester began sneaking into the castle in the middle of the night and leaving
    jokes all over the place: under the king's pillow, in his soup, even in the
    royal toilet. The king was furious, but he couldn't seem to stop Jokester. And
    then one day, the king tripped over one of Jokester's whoopee cushions and
    fell into the moat. He was so embarrassed that he decided to make Jokester the
    official court jester.
  </ScrollArea>
</template>

Resizable Select

Di halaman ini

Instalasi Penggunaan

Scroll Area

Tags

Instalasi ​

Penggunaan ​

Instalasi

Penggunaan