Lightbox

图片灯箱：缩略图网格 + 全屏查看，支持左右切换、计数、方向键和 Esc。

#gallery #image #modal

在沙盒中编辑

复制一段给 AI 编程工具的提示词，包含源码、依赖和用法

属性

LightboxProps

同时支持以下类型的全部属性： Omit<React.ComponentProps<"div">, "children">

属性	类型	默认值	说明
images* 必填	`LightboxImage[]`	—	—
columns	`2 \| 3 \| 4`	`3`	—

安装

$ npx shadcn@latest add https://chromotion.dev/r/lightbox.json

同类组件

Share Dialog

浮层与反馈

带复制链接、邮箱邀请、访问权限和成员角色的分享弹窗。

Modal Dialog

浮层与反馈

基于原生 <dialog> 的模态框，带进出场动画、焦点管理和遮罩点击关闭。

Speed Dial

浮层与反馈

悬浮按钮展开为带标签的快捷操作菜单，支持错落动画与键盘操作。