Lompat ke isi
CirccaHIG

Komponen / Aksi

PullDownButton

Tombol yang membuka menu aksi terkait: "Ekspor ▾" (Excel, PDF, CSV) di toolbar daftar, "Aksi lain ▾" di header detail PO, dan ⋯ di baris tabel.
React · BetaFigma · siapFigmaSumber

Kapan dipakai

Gunakan

  • Pakai untuk 2+ aksi yang setara dan berkaitan ("Ekspor" ke beberapa format, aksi sekunder dokumen).
  • Label tombol menyebut kelompok aksinya: "Ekspor", "Aksi lain", "Buat dari PO".
  • Pakai varian ikon (⋯, Ghost Small) untuk aksi per baris tabel agar baris tetap tenang.

Hindari

  • Jangan memakai PullDownButton untuk satu aksi saja — pakai Button biasa.
  • Jangan memakai untuk memilih nilai yang lalu ditampilkan di tombol — itu Select.
  • Jangan menyembunyikan aksi utama layar (Simpan, Ajukan) di dalam menu.
  • Jangan membuat varian Primary/Danger; tombol pull-down selalu Secondary atau Ghost.

Contoh benar & salah

GunakanFormat ekspor dikumpulkan di satu tombol "Ekspor ▾".
HindariTiga tombol ekspor berjajar memenuhi toolbar.
Status: Disetujui
GunakanTombol membuka aksi; labelnya tetap.
HindariTombol pull-down dipakai memilih nilai (status) seperti Select.

Penulisan

  • Label tombol kata benda/kata kerja singkat tanpa tanda ▾ — chevron sudah ditambahkan otomatis.
  • Item menu mengikuti pedoman ActionMenu: kata kerja + objek, elipsis bila membuka Dialog.

Komponen terkait

Esc
↑↓ pilih↵ buka12 hasil