Photo Box
Tactile Japanese stationery-inspired photo box featuring frosted glass translucency, sliding paper box mechanics, fanning polaroid prints, and full-bleed image zoom.
Hover to open the box · Click any print to view it large · Click anywhere to return
Installation
Add the component directly to your repository using shadcn CLI:
npx shadcn@latest add Surajmaurya1/easyui/photo-box
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| prints | PhotoPrint[] | DEFAULT_PRINTS | Up to 3 photo prints to display inside the box slots (title, caption, src or art) |
| title | string | '写真箱' | Headline kanji or text displayed on the frosted cover |
| subtitle | string | 'Photo Box · 3 prints' | Subtext printed beneath the headline title |
| open | boolean | undefined | Optional controlled open state for external hover or trigger controls |
| className | string | '' | Optional CSS class overrides applied to the outer stage container |
| onOpenChange | (open: boolean) => void | undefined | Callback invoked whenever the box opens or closes |
| onSelect | (id: string | null) => void | undefined | Callback invoked when an individual polaroid print is inspected or closed |