Standard Image
<sl-standard-image> | SlStandardImage
This component is used to display images from the standard set of UI framework images
<sl-standard-image name="empty-state-error.svg" alt="An error has occurred"></sl-standard-image>
Available images
Currently available images can be viewed by selecting the image below.
To add a new image to the set, copy it to the /src/images folder and rebuild the framework.
Image size
By default, images will be displayed at their native size.
You can control the width of the image by specifying a size of the
<sl-standard-image> component
<sl-standard-image style="width: 100%" name="empty-state-error.svg" alt="An error has occurred"></sl-standard-image>
[component-metadata:sl-standard-image]
Properties
| Name | Description | Reflects | Type | Default |
|---|---|---|---|---|
alt
|
Text to display if the image is not loaded. |
string
|
''
|
|
name
|
The image file name. |
string
|
- | |
updateComplete |
A read-only promise that resolves when the component has finished updating. |
Learn more about attributes and properties.