kliping.pro
  • Docs
  • Directory
  • Colors
  • Typeset
Blocks
  • All379
  • Featured5
  • Hero8
  • Call to Action6
  • Banner4
  • 4048
  • Stats11
  • Features18
  • FAQ20
  • Logo Cloud15
  • Team13
  • Pricing18
  • Testimonials30
  • Timeline7
  • Footer22
  • Blog12
  • Navbar5
  • Integrations5
  • Setup Guide4
  • Profile4
  • Keyboard Shortcuts4
  • Empty State4
  • Members3
  • Contact18
  • Changelog3
  • Order Confirmation2
  • Carousel2
  • Verification1
  • Invite Member3
  • Code Block3
  • AI Agents3
  • Web35
  • Account7
  • Billing14
    • billing-01
    • billing-02
    • billing-03
    • billing-04
    • billing-05
    • billing-06
    • billing-07
    • billing-08
    • billing-09
    • billing-10
    • billing-11
    • billing-12
    • billing-13
    • billing-14
  • Subscription8
  • Usage7
  • CRUDs3
  • Modals11
  • Ecommerce17
  • Sidebar16
  • Login13
  • Signup13
  • OTP5
  • Other3
New: Typeset, Questionnaire, and more

Billing

Kartu pembayaran, metode bayar, invoice, dan riwayat transaksi.

Browse BlocksDocumentation

Browse every Billing block

14 blocks · click a card to open it, or view them all live.

View all live
billing-01billing-01
billing-01Daftar card informasi tagihan perusahaan dengan tombol edit dan hapus.
billing-02billing-02
billing-02Dua kartu kredit berdampingan, varian gelap dan terang, dengan chip emas.
billing-03billing-03
billing-03Daftar invoice dengan lencana status jatuh tempo, nominal, dan tombol unduh.
billing-04billing-04
billing-04Grid metode pembayaran kartu Visa/Mastercard dengan label default dan tooltip aksi.
billing-05billing-05
billing-05Riwayat transaksi per bulan dengan ikon tren naik/turun dan date picker.
billing-06billing-06
billing-06Riwayat invoice dalam tabel dengan ringkasan saldo, filter status, lencana Paid/Open/Overdue, tombol unduh, dan paginasi.
billing-07billing-07
billing-07Pemilih metode pembayaran berupa kartu radio untuk kartu tersimpan, lengkap dengan dialog tambah kartu baru.
billing-08billing-08
billing-08Form detail pembayaran dengan format nomor kartu, masa berlaku, dan CVC otomatis, ringkasan pesanan, serta tombol bayar sesuai nominal.
billing-09billing-09
billing-09Form alamat penagihan perusahaan dengan NPWP/Tax ID, pilihan negara dan provinsi, serta pratinjau alamat pada invoice.
billing-10billing-10
billing-10Galeri kartu pembayaran tersimpan berbentuk kartu kredit bergradasi token tema, bisa dibalik untuk melihat CVC, dengan aksi jadikan default dan hapus.
billing-11billing-11
billing-11Tampilan pembayaran gagal dengan ringkasan galat, alasan penolakan, tombol coba lagi, ganti metode pembayaran, hubungi support, dan linimasa percobaan.
billing-12billing-12
billing-12Pengaturan penagihan: switch notifikasi email kuitansi, daftar penerima invoice, pembayaran otomatis, dan batas pengeluaran bulanan.

Showing 1–12 of 14

Dirilis di bawah lisensi MIT. Ditulis ulang untuk Vue dari shadcn-vue, shadcn-ui-blocks, dan shadcn-hooks. Hak cipta © 2026 Kliping