Masukan
Tampilan
Umpan Balik
Media
Compare Slider
Penggeser pembanding sebelum-sesudah: dua lapisan bertumpuk, satu garis pemisah yang bisa ditarik.
Sebelum
Sesudah
Bisa ditarik, dan bisa dikemudikan papan ketik: fokuskan lalu tekan panah, Shift+panah, atau Home dan End.
Instalasi
bash
npx shadcn-vue@latest add https://kliping.pro/r/compare-slider.jsonPenggunaan
vue
<script setup lang="ts">
import { CompareSlider, CompareSliderAfter, CompareSliderBefore, CompareSliderHandle, CompareSliderLabel } from '@/dice/compare-slider'
</script>Bagian
| Bagian | Berkas |
|---|---|
CompareSlider | src/dice/compare-slider/CompareSlider.vue |
CompareSliderAfter | src/dice/compare-slider/CompareSliderAfter.vue |
CompareSliderBefore | src/dice/compare-slider/CompareSliderBefore.vue |
CompareSliderHandle | src/dice/compare-slider/CompareSliderHandle.vue |
CompareSliderLabel | src/dice/compare-slider/CompareSliderLabel.vue |
Asalnya
Ditulis ulang untuk Vue dari Dice UI, MIT, Copyright (c) 2024 Sadman Sakib. Rincian kewajiban lisensinya ada di halaman kredit.