July 24, 2023

MudBlazor Dialog dan Snackbar Pada Blazor

Dialog adalah jendela kecil yang meminta pengguna untuk membuat keputusan atau memasukkan informasi tambahan. Dialog biasanya tidak memenuhi layar dan digunakan untuk mengharuskan pengguna untuk melakukan tindakan sebelum bisa melanjutkan. Pada MudBlazor untuk menggunakan dialog pada aplikasi, kita dapat menggunakan komponen MudDialog. Sebelumnya kita harus melakukan beberapa langkah sebelum menggunakan MudDialog. Tambahkan “<MudDialogProvider />“ pada MainLayout.razor (dibawah MudLayout element). 


Snackbar atau biasa juga disebut dengan Toast adalah sebuah alert untuk menampilkan sebuah pesan secara dinamik pada pengguna didalam aplikasi web.
Snackbar pada MudBlazor menggunakan Isnackbar Service dan “MudSnackbarProvider“, Sebelumnya kita harus melakukan beberapa langkah sebelum menggunakan Snackbar. Tambahkan “<MudSnackbarProvider/>“ pada MainLayout.razor (dibawah MudLayout element).

Artikel ini melanjutkan dari artikel sebelumnya, yang membahas komponen-komponen yang terdapat pada MudBlazor. Komponen-komponen tersebut sering digunakan dalam sebuah aplikasi web. Beberapa komponen yang akan dijelaskan pada artikel ini adalah Dialog dan Snackbar. Dikarenakan artikel ini masih melanjutkan fitur-fitur yang ada pada MudBlazor, maka sebelum memulai latihan-latihan pada artikel ini, pastikan telah menyelesaikan latihan-latihan pada artikel sebelumnya yang dapat dilihat disini. https://junindar.blogspot.com/2022/12/mudblazor-input-component-picker-pada.html dan https://junindar.blogspot.com/2023/01/mudblazor-chart-component-pada-blazor.html

Untuk artikel selengkapnya dapat di download disini. Sedangkan untuk memudahkan dalam memahami isi artikel, maka penulis juga menyertakan dengan full source code project latihan ini, dan dapat di download disini.

Terima kasih

Wassalam