Komponen Material di Compose
Jetpack Compose menawarkan implementasi Desain Material, sistem desain komprehensif untuk membuat antarmuka digital. Anda dapat menggunakan fungsi composable untuk mengimplementasikan komponen Material.
Tindakan
Tombol
Tombol memicu sebagian besar tindakan di UI.
Tombol tindakan mengambang
Tombol tindakan mengambang (FAB) membantu pengguna melakukan tindakan utama.
Tombol ikon
Tombol ikon membantu pengguna melakukan tindakan kecil dengan sekali ketuk.
Tombol tersegmentasi
Tombol yang disegmentasi membantu pengguna memilih opsi, beralih tampilan, atau mengurutkan elemen.
Komunikasi
Badge
Badge menampilkan notifikasi, jumlah, atau informasi status pada item dan ikon navigasi.
Indikator progres
Indikator progres menunjukkan waktu tunggu yang tidak ditentukan atau menampilkan durasi proses.
Pembatasan
Sheet bawah
Sheet bawah menampilkan konten sekunder yang ditempatkan di bagian bawah layar.
Kartu
Kartu menampilkan konten dan tindakan tentang satu subjek.
Navigasi
Panel aplikasi
Panel aplikasi ditempatkan di bagian atas layar untuk membantu pengguna menavigasi.
Menu navigasi
Menu navigasi memungkinkan orang beralih antar-tampilan UI di perangkat yang lebih kecil.
Panel navigasi
Panel navigasi memungkinkan pengguna beralih antar-tampilan UI di perangkat yang lebih besar.
Kolom samping navigasi
Kolom samping navigasi memungkinkan orang beralih antar-tampilan UI di perangkat berukuran sedang.
Tab
Tab yang mengatur konten di berbagai jenis layar dan tampilan.
Pemilihan
Kotak centang
Kotak centang memungkinkan pengguna memilih satu atau beberapa item dari daftar, atau mengaktifkan atau menonaktifkan item.
Chip
Chip membantu orang memasukkan informasi, membuat pilihan, memfilter konten, atau memicu tindakan.
Pemilih tanggal
Pemilih tanggal memungkinkan pengguna memilih tanggal, atau rentang tanggal.
Menu
Menu menampilkan daftar pilihan pada permukaan sementara.
Tombol radio
Tombol pilihan memungkinkan orang memilih satu opsi dari sekumpulan opsi.
Penggeser
Penggeser memungkinkan pengguna membuat pilihan dari rentang nilai.
Alihkan
Tombol akan mengaktifkan atau menonaktifkan pilihan item.
Pemilih waktu
Pemilih waktu membantu pengguna memilih dan menyetel waktu tertentu.
Input teks
Penelusuran
Penelusuran memungkinkan pengguna memasukkan kata kunci atau frasa untuk mendapatkan informasi yang relevan.
Kolom teks
Kolom teks memungkinkan pengguna memasukkan teks ke dalam UI.
Daftar dan petak
Pelajari cara menggunakan tata letak dasar di Compose.
Referensi
Pelajari cara mengelola resource seperti string dan gambar.