Lewati ke konten

Button Group

Button Group

banner-background
Alert Header

Button Group adalah kumpulan tombol yang dikelompokkan secara horizontal atau vertikal untuk merepresentasikan beberapa opsi yang saling terkait. Komponen ini memungkinkan pengguna memilih satu atau beberapa opsi dalam konteks yang sama, menjaga interaksi tetap efisien dan teratur.

Button Group digunakan untuk mengelompokkan beberapa tombol yang memiliki fungsi atau konteks serupa. Komponen ini menjaga tampilan tetap teratur dan memudahkan pengguna memilih opsi yang relevan.

Button Group memiliki dua varian utama yang dapat disesuaikan dengan kebutuhan antarmuka pengguna Anda.

Single Selection (Radio-style)

Hanya satu tombol yang dapat dipilih pada satu waktu.

Contoh: filter tampilan data (Harian, Mingguan, Bulanan).

Collapsed State

Ikon

Hanya satu tombol yang dapat dipilih pada satu waktu.

Contoh: filter tampilan data (Harian, Mingguan, Bulanan).

Collapsed State

Chart

Digunakan untuk mengatur tampilan data di dalam chart berdasarkan rentang waktu tertentu.

Collapsed State

Toolbar

Digunakan untuk mengelompokkan tombol kontrol di dalam area kerja agar pengguna dapat menyesuaikan tampilan atau melakukan tindakan dengan cepat.

Collapsed State