Image
Lazy-loads by default; fallback renders when the source fails.
import { Image } from '@gg-software/ui';
<Image src="/photos/team.jpg" alt="Team" width={200} height={120} rounded />
<Image src={url} alt="" fallback={<Placeholder />} lazy={false} />Props
| Prop | Type | Default | Description |
|---|---|---|---|
src* | string | — | |
alt | string | — | |
width | string | number | — | |
height | string | number | — | |
rounded | boolean | false | |
fallback | ReactNode | — | |
lazy | boolean | true | |
className | string | — |
* required · generated from packages/ui/src/display/Image/Image.tsx