Component

Image

Wraps a plain <img> with a loading skeleton and error fallback, no next/image dependency. Set fullscreen to make it clickable.

With ratio

Click the image to open it fullscreen. Escape or clicking outside closes it.

Built on Base UI Dialog: focus trap, escape-to-close, and scroll lock come for free
The close control is a bare X icon, no button chrome, per the overlay-wide dismiss pattern

Prop	Type	Default	Description
src / alt	string	None	Image source and alternative text.
ratio	number	None	Reserved width-to-height ratio.
fullscreen	boolean	false	Enables click and keyboard fullscreen preview.
className	string	None	Additional classes applied to the component root.

src / altNone

string

Image source and alternative text.

ratioNone

number

Reserved width-to-height ratio.

fullscreenfalse

boolean

Enables click and keyboard fullscreen preview.

classNameNone

string

Additional classes applied to the component root.