Masukan
Tampilan
Umpan Balik
Media
Timeline
Garis waktu peristiwa, mendatar maupun menegak, dengan keadaan per simpul.
Pesanan diterima
Pembayaran terkonfirmasi.
Sedang dikemas
Barang disiapkan di gudang Bandung.
Dalam perjalanan
Kurir sedang menuju alamat tujuan.
Sampai tujuan
Menunggu penerimaan.
Instalasi
bash
npx shadcn-vue@latest add https://kliping.pro/r/timeline.jsonPenggunaan
vue
<script setup lang="ts">
import { Timeline, TimelineConnector, TimelineContent, TimelineDescription, TimelineDot, TimelineHeader, TimelineItem, TimelineTime, TimelineTitle } from '@/dice/timeline'
</script>Bagian
| Bagian | Berkas |
|---|---|
Timeline | src/dice/timeline/Timeline.vue |
TimelineConnector | src/dice/timeline/TimelineConnector.vue |
TimelineContent | src/dice/timeline/TimelineContent.vue |
TimelineDescription | src/dice/timeline/TimelineDescription.vue |
TimelineDot | src/dice/timeline/TimelineDot.vue |
TimelineHeader | src/dice/timeline/TimelineHeader.vue |
TimelineItem | src/dice/timeline/TimelineItem.vue |
TimelineTime | src/dice/timeline/TimelineTime.vue |
TimelineTitle | src/dice/timeline/TimelineTitle.vue |
Asalnya
Ditulis ulang untuk Vue dari Dice UI, MIT, Copyright (c) 2024 Sadman Sakib. Rincian kewajiban lisensinya ada di halaman kredit.