Image

Image is an enhanced image component with a self-contained zoom-and-pan preview viewer, custom actions, and various display styles. Preview is powered by a Base UI dialog with FLIP open/close transitions, deep zoom, and gallery navigation — it no longer wraps Ant Design's Image.

Library

Lobe UI

Framework

React

Type

component

License

MIT

Install

pnpm add @lobehub/ui

Files

• src/Image/Image.tsx
• src/Image/index.ts
• src/Image/marker.stylex.ts
• src/Image/PreviewGroup.tsx
• src/Image/stable.ts
• src/Image/style.css
• src/Image/style.ts
• src/Image/type.ts

Source

https://github.com/lobehub/lobe-ui

Categories

• Image Components
• React Image Components
• Lightbox Components
• React Lightbox Components
• Media Components
• React Media Components
• Overlay Components
• React Overlay Components

More from Lobe UI

• Image Select
• Accordion
• Action Icon
• Action Icon Group
• Agent Avatar
• Alert
• Anchor
• Auto Complete
• Avatar
• Badge
• Block
• Breadcrumb