Leave Yamada UI a star
StarImage is a component that displays images with fallback support.
Description
The key used to set the crossOrigin on the HTMLImageElement into which the image will be loaded. This tells the browser to request cross-origin access when trying to download the image data.
Type
"" | "anonymous" | "use-credentials"Description
Fallback image src or element to show if image is loading or image fails.
Type
type ONLY_FOR_FORMAT =
| string
| ReactElement<any, string | JSXElementConstructor<any>>Description
- beforeLoadOrError: loads the fallbackImage while loading the src. - onError: loads the fallbackImage only if there is an error fetching the src.
Type
"onError" | "beforeLoadOrError"Default
beforeLoadOrErrorDescription
The CSS object-fit property.
Type
UIValue<ObjectFit>Description
If true, opt out of the fallbackSrc logic and use as img.
Type
booleanDefault
falseDescription
The image loading attribute.
Type
"eager" | "lazy"Description
A callback for when there was an error loading the image src.
Type
ReactEventHandler<HTMLImageElement>Description
A callback for when the image src has been loaded.
Type
ReactEventHandler<HTMLImageElement>Description
The CSS box-size property.
Deprecated
Use boxSize instead.
Type
UIValue<number | (string & {}) | "px" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | ... 75 more ... | "9xl">Description
The image sizes attribute.
Type
stringDescription
The image src attribute.
Type
stringDescription
The image srcset attribute.
Type
stringEdit this page on GitHub