Recommended
01
Production default
Balanced spacing, hierarchy, and content for the most common product workflow.
Live preview
<Image />
Layout component
Image
Theme-aware, responsive image component.
9 props1 slots0 eventsTheme readyResponsive
Interactive playground
Configure Image
Change any prop and inspect the server-rendered component immediately.
Live preview
<Image />Live examples
Designed for real product surfaces
Compare configurations and resize the browser to check responsive behavior.
Dense UI
02
Compact application
A tighter variation for dashboards, side panels, tables, and operational interfaces.
Live preview
<Image
size="sm"
/>Extended
03
Rich configuration
A more expressive variation using additional data, stronger emphasis, and optional states.
Live preview
<Image
size="lg"
/>Component API
Props and configuration
All content and behavior shown above is supplied through these props and slots.
| Prop | Type | Default | Required |
|---|---|---|---|
size | string | "default" | No |
color | string | "primary" | No |
src | string | "" | No |
alt | string | "" | No |
width | string | "" | No |
height | string | "" | No |
loading | string | "lazy" | No |
rounded | boolean | false | No |
class | string | "" | No |