- Accordion
- Action Bar
- Alert
- Alert Dialog
- Angle Slider
- Aspect Ratio
- Attachment
- Avatar
- Avatar Group
- Badge
- Badge Overflow
- Banner
- Breadcrumb
- Bubble
- Button
- Button Group
- Calendar
- Card
- Carousel
- Chart
- Checkbox
- Checkbox Group
- Circular Progress
- Client Only
- Collapsible
- Color Picker
- Color Swatch
- Combobox
- Combobox Lanjutan
- Command
- Compare Slider
- Composition
- Context Menu
- Cropper
- Data Grid
- Data Table
- Data Table Lanjutan
- Date Picker
- Dialog
- Direction Provider
- Drawer
- Dropdown Menu
- Editable
- Empty
- Field
- File Upload
- Form
- FPS
- Gauge
- Hitbox
- Hover Card
- Input
- Input Group
- Input OTP
- Item
- Kanban
- Kbd
- Kbd Lanjutan
- Key Value
- Label
- Listbox
- Marker
- Marquee
- Mask Input
- Masonry
- Media Player
- Mention
- Menubar
- Message
- Message Scroller
- Native Select
- Navigation Menu
- Number Field
- Pagination
- Pending
- Phone Input
- Pin Input
- Popover
- Portal
- Presence
- Progress
- QR Code
- Questionnaire
- Radio Group
- Range Calendar
- Rating
- Relative Time Card
- Resizable
- Responsive Dialog
- Scroll Area
- Scroll Spy
- Scroller
- Segmented Input
- Select
- Selection Toolbar
- Separator
- Sheet
- Sidebar
- Skeleton
- Slider
- Sonner
- Sortable
- Speed Dial
- Spinner
- Stack
- Stat
- Status
- Stepper
- Stepper Lanjutan
- Swap
- Switch
- Table
- Tabs
- Tags Input
- Tags Input Lanjutan
- Textarea
- Time Picker
- Timeline
- Toast
- Toggle
- Toggle Group
- Tooltip
- Tour
- Typography
- Visually Hidden
- Visually Hidden Input
Scroll Spy
Tautan navigasi yang menyorot bagian yang sedang terlihat, termasuk bagian bersarang.
Bagian yang sedang terlihat: pengantar
Pengantar
Gulir kotak ini untuk melihat sorotan navigasinya berpindah. Yang menandai bukan pendengar guliran, melainkan IntersectionObserver.
Pemasangan
Gulir kotak ini untuk melihat sorotan navigasinya berpindah. Yang menandai bukan pendengar guliran, melainkan IntersectionObserver.
Penggunaan
Gulir kotak ini untuk melihat sorotan navigasinya berpindah. Yang menandai bukan pendengar guliran, melainkan IntersectionObserver.
Catatan
Gulir kotak ini untuk melihat sorotan navigasinya berpindah. Yang menandai bukan pendengar guliran, melainkan IntersectionObserver.
Instalasi
pnpm dlx shadcn-vue@latest add https://kliping.pro/r/scroll-spy.jsonPenggunaan
<script setup lang="ts">
import { ScrollSpy, ScrollSpyLink, ScrollSpyNav, ScrollSpySection, ScrollSpyViewport } from '@/components/scroll-spy'
</script>Bagian
| Bagian | Berkas |
|---|---|
ScrollSpy | src/components/scroll-spy/ScrollSpy.vue |
ScrollSpyLink | src/components/scroll-spy/ScrollSpyLink.vue |
ScrollSpyNav | src/components/scroll-spy/ScrollSpyNav.vue |
ScrollSpySection | src/components/scroll-spy/ScrollSpySection.vue |
ScrollSpyViewport | src/components/scroll-spy/ScrollSpyViewport.vue |
Asalnya
Ditulis ulang untuk Vue dari pustaka sumber terbuka berlisensi MIT, Copyright (c) 2024 Sadman Sakib. Rincian kewajiban lisensinya ada di halaman kredit.