SnackbarProvider

Cập nhật lần cuối: 16/04/2025

import { SnackbarProvider } from "zmp-ui";

Dùng để tạo thông báo nhanh hiển thị lên trên giao diện ứng dụng, sự dụng thông báo về thông tin thêm, trạng thái thành công hoặc lỗi xảy ra khi sử dụng một hành động, quá trình download, trạng thái kết nối,...

Ví dụ

Bảng thuộc tính

SnackbarProps

Name	Type	Default	Description
children	ReactNode		Nội dung cần được hiển thị trong snackbar
zIndex	number		Tuỳ chỉnh độ sâu của snackbar, sử dụng khi có nhiều phần tử overlay lên nhau.

SnackbarContext

Name	Type	Default	Description
closeSnackbar	() => void		Hàm để đóng một Snackbar, có thể sử dụng để đóng nhanh khi chưa hết thời gian hiển thị.
openSnackbar	(options: SnackbarOptions) => void		Hàm để tạo mới và mở một Snackbar. Có thể mở Snackbar với các
setDownloadProgress	(completed: number) => void		Cập nhật phần trăm tiến trình download (0 - 100) khi sử dụng với type là download.

SnackbarAction

Name	Type	Default	Description
close	boolean	false	Chỉ định action có thể đóng snackbar sau khi click hay không
text	string		Chữ hiển thị trên action
onClick	(event: React.MouseEvent) => void		Callback được gọi khi người dùng click vào action

SnackbarOptions

Name	Type	Default	Description
action	SnackbarAction		Thiết lập các nút action cho snackbar
duration	number		Thời gian tồn tại của snackbar tính theo ms
icon	boolean	false	Hiển thị icon ở đầu snackbar, tương ứng với type được chọn.
position	SnackbarPosition		Vị trí snackbar
prefixIcon	ReactNode		Custom icon cho snackbar, thay thế cho icon mặc định. Có thể sử dụng ReactNode bất kỳ để làm icon, nhưng khuyến khích sử dụng <Icon> component.
text	string		Nội dung văn bản hiển thị trên snackbar
type	SnackbarType		Loại snackbar. Xem
verticalAction	boolean	false	Hiển thị các action theo hàng dọc. Khuyến khích sử dụng khi có nhiều action hoặc nội dung các action dài và không hiển thị được hết trên một hàng ngang.
zIndex	number		Thiết lập độ sâu của snackbar, sử dụng khi có nhiều phần tử overlay lên nhau.
onClose	() => void		Callback được gọi khi snackbar đóng.