Masukan
Tampilan
Umpan Balik
Media
Circular Progress
Penunjuk kemajuan berbentuk cincin, termasuk keadaan tak tentu yang berputar terus.
18%
72%
41%
Instalasi
bash
npx shadcn-vue@latest add https://kliping.pro/r/circular-progress.jsonPenggunaan
vue
<script setup lang="ts">
import { CircularProgress, CircularProgressCombined, CircularProgressIndicator, CircularProgressRange, CircularProgressTrack, CircularProgressValueText } from '@/dice/circular-progress'
</script>Bagian
| Bagian | Berkas |
|---|---|
CircularProgress | src/dice/circular-progress/CircularProgress.vue |
CircularProgressCombined | src/dice/circular-progress/CircularProgressCombined.vue |
CircularProgressIndicator | src/dice/circular-progress/CircularProgressIndicator.vue |
CircularProgressRange | src/dice/circular-progress/CircularProgressRange.vue |
CircularProgressTrack | src/dice/circular-progress/CircularProgressTrack.vue |
CircularProgressValueText | src/dice/circular-progress/CircularProgressValueText.vue |
Asalnya
Ditulis ulang untuk Vue dari Dice UI, MIT, Copyright (c) 2024 Sadman Sakib. Rincian kewajiban lisensinya ada di halaman kredit.