Image
Image component from @bungas/ui
Image component from @bungas/ui
The Image component from Bungas UI.
none
sm
md
lg
full
none
sm
md
lg
Hover over the image to see the zoom effect:
Image with blurred background effect:
Combined blur and zoom effects:
Image with fallback when src fails to load:
Custom fallback element:
Loading skeleton (controlled loading state):
npm install @bungas/uiimport { Image } from "@bungas/ui"import { Image } from "@bungas/ui"
export function Example() {
return <Image />
}none
sm
md
lg
full
none
sm
md
lg
Hover over the image to see the zoom effect:
Image with blurred background effect:
Combined blur and zoom effects:
Image with fallback when src fails to load:
Custom fallback element:
Loading skeleton (controlled loading state):