npm i @velkin/react
import { VuImage } from "@velkin/react/image";| Prop | Type | Default | Description |
|---|---|---|---|
| src | string | "" | Primary image source URL. |
| alt | string | "" | Alternative text; empty marks decorative. |
| srcset | string | "" | Responsive source set string. |
| sizes | string | "" | Responsive sizes string. |
| autoSizes | boolean | false | Computes `sizes` from host width (`autosizes` attr). Default: `false`. |
| fit | VuImageFit | "cover" | Object-fit preset. Default: `"cover"`. |
| loading | VuImageLoading | "lazy" | Native loading hint. Default: `"lazy"`. |
| decoding | VuImageDecoding | "async" | Native decoding hint. Default: `"async"`. |
| Part | Description |
|---|---|
| img | The underlying `<img>` element. |
| placeholder | Empty-state block when `src` is blank. |
| Name | Definition |
|---|---|
| VuImageDecoding | |
| VuImageFit | |
| VuImageLoading | |