Phiên bản: 1.12.0

ImageViewer

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

import { ImageViewer } from "zmp-ui";

Dùng để tạo một gallery cho phép người dùng xem hình ảnh với kích thước của màn hình, có thể tương tác thu phóng, chuyển hình,...

Ví dụ

Name	Type	Default	Description
activeIndex	`number`		Index của ảnh đang được hiển thị.
images	`ImageType[]`		Mảng chứa thông tin của các ảnh cần hiển thị. Mỗi thiết lập bao gồm đường dẫn và mô tả của ảnh. Chi tiết xem .
maskClassName	`string`		CSS class cho mask của image viewer.
maskStyle	`CSSProperties`		Inline style cho mask của image viewer.
visible	`boolean`	`false`	Trạng thái hiển thị của image viewer. Cần được sử dụng cùng với `onClose` để đóng image viewer.
onClose	`() => void`		Callback được gọi khi image viewer được đóng. Cần phải update lại state của `visible` nếu được truyền vào.

Name	Type	Default	Description
alt	`string`		Mô tả của ảnh. Sẽ được hiển thị khi không thể load ảnh.
src	`string`		Đường dẫn của ảnh.