ActionSheet
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
| Property | Type | Required | Description |
|---|---|---|---|
| divider | boolean | No | Hiển thị viền phân cách giữa các nút action (default: false) |
| actions | ActionButton[] | ActionButton[][] | No | 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. |
| groupDivider | boolean | No | Hiển thị viền phân cách giữa các nhóm action (default: false) |
ActionButton
| Property | Type | Required | Description |
|---|---|---|---|
| text | string | No | Chữ trên nút action. |
| highLight | boolean | No | Hiển thị action dưới dạng nút highlight (default: false) |
| danger | boolean | No | Hiển thị action dưới dạng nút danger (default: false) |
| onClick | (e: React.MouseEvent) => void | No | Callback được gọi khi người dùng click vào action. |
| close | boolean | No | Action này chỉ định việc đóng sheet khi được click (default: false) |
| disabled | boolean | No | Trạng thái vô hiệu hoá của action. (default: false) |
| key | string | No | Key định danh của action. |