DULightbox
ComponentsFullscreen image viewer.
import { DULightbox } from 'deri-ui';Live preview
typescript
<DULightbox open={open} onClose={close} src="/img.jpg" caption="Shot" />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| open / onClose | boolean / fn | — | Visibility |
| src / alt / caption | string | — | Media |
Usage
import { DULightbox } from 'deri-ui';
<DULightbox open={open} onClose={close} src="/img.jpg" caption="Shot" />Customize with className, radius, and Tailwind utilities. Theme tokens come from deri-ui/tailwind.preset.
Related
© 2026 Deri Ui. Developed by Deribew Shimelis. Copy and use the code freely in your projects.