ActionSheet

Cập nhật lần cuối: 23/6/2025

import { Sheet } from "zmp-ui";
const { Action } = Sheet;

Dùng để hiển thị danh sách các hành động mà người dùng có thể chọn dưới dạng một Sheet.

Ví dụ

Bảng thuộc tính

ActionSheetProps

Name	Type	Default	Description
actions	ActionButton[] | ActionButton[][]		Mảng thiết lập các nút action. Có thể nhóm các action lại với nhau bằng cách khai báo nhiều mảng action, với các action liên quan nằm trong cùng một mảng.
divider	boolean	false	Hiển thị viền phân cách giữa các nút action
groupDivider	boolean	false	Hiển thị viền phân cách giữa các nhóm action

ActionButton

Name	Type	Default	Description
close	boolean	false	Action này chỉ định việc đóng sheet khi được click
danger	boolean	false	Hiển thị action dưới dạng nút danger
disabled	boolean	false	Trạng thái vô hiệu hoá của action.
highLight	boolean	false	Hiển thị action dưới dạng nút highlight
key	string		Key định danh của action.
text	string		Chữ trên nút action.
onClick	(e: React.MouseEvent) => void		Callback được gọi khi người dùng click vào action.