Garis Waktu

Garis Waktu

Hal-hal satu di bawah yang lain, masing-masing pada penanda, disambung dengan garis: langkah-langkah suatu prosedur, peristiwa dari sebuah sejarah, tahap dari sebuah pelarian. Apa yang dipegang masing-masing bebas — satu baris teks, sebuah tabel, sebuah formulir — dan garisnya berjalan menyusuri keseluruhannya, menuju penanda berikutnya.

Langkah-langkah terurut

Diberi nomor, dengan tiga keadaan yang diketahui oleh stepper: langkah-langkah di belakang digambar padat, yang sedang dikerjakan menonjol, yang di depan menunggu.
  1. Dapatkan sumber

    Klon repositori dan instal dependensinya.

  2. Konfigurasi

    Salin lingkungan contoh dan isi alamat database.

  3. Buat database

    Jalankan migrasi; ini adalah langkah yang sedang berlangsung.

  4. Terapkan

    Bangun aset dan terbitkan rilis.

Apa saja di bawah judul

Setiap item memegang apa pun yang diperlukan — properti, pesan, tombol. Sebuah ikon menggantikan titik, dan nada mewarnai penanda seperti mewarnai penanda atau blok.
  1. Pesanan ditempatkan
    14 Maret, 09:41
    Referensi
    ORD-2026-0142
    Jumlah
    € 184.00
    Pembayaran
    Kartu berakhir 4242
  2. Pembayaran diterima
    14 Maret, 09:42
  3. Dikirim
    15 Maret, 16:05
    Terlambat

    Pengangkut mengumumkan satu hari lagi.

  4. Pengiriman

Sebuah sejarah

Tidak ada urutan yang harus diikuti, hanya peristiwa: titik-titik, sebuah tanggal di bawah setiap judul, dan warna kategori di mana ia menceritakan sesuatu.
  1. Versi 2.0 dirilis
    2 September
  2. Ditinjau oleh tim
    28 Agustus
  3. Draf pertama
    12 Agustus

Langkah yang belum diputuskan

Seperti pada stepper: sebuah langkah yang bergantung pada jawaban yang belum diberikan tidak mengambil nomor dan tidak menggerakkan yang lainnya.
  1. Dapatkan sumber
  2. Pilih rencana
  3. Bergantung pada rencana
  4. Terapkan

Ditulis dengan tangan

Komponen ini hanya merupakan cara untuk menuliskan bentuk dari sebuah daftar. Kelas yang sama ditulis di halaman memberikan garis waktu yang sama, dengan apapun di dalamnya.
  1. Sebuah titik biasa
  2. Sebuah ikon sebagai pengganti titik

    Markup apa pun, dituliskan di halaman.

Dalam vue

Garis waktu yang sama dalam pohon vue. Apa yang diambil cabang sebagai markup adalah slot terstruktur di sana, sehingga sebuah komponen dapat berdiri di bawah judul item.