Tries fetch an image with the solid authentication, and can visualize http errors like 403 or 404 if this fails.
Falls back to classic on network errors like CORS.
Renders a normal link if even this fails.
| Property | Attribute | Description | Type | Default |
|---|---|---|---|---|
alt |
alt |
string |
undefined |
|
src |
src |
string |
undefined |
| Event | Description | Type |
|---|---|---|
pod-os:init |
CustomEvent<any> |
|
pod-os:resource-loaded |
Indicates that the resource given in src property has been loaded. |
CustomEvent<string> |
| Name | Description |
|---|---|
--border-radius |
Border radius of the image |
--height |
Height of the image |
--max-height |
Maximum height of the image |
--max-width |
Maximum width of the image |
--object-fit |
CSS object-fit of the image |
--width |
Width of the image |
- ion-skeleton-text
- ion-icon
graph TD;
pos-image --> ion-skeleton-text
pos-image --> ion-icon
pos-app-image-viewer --> pos-image
pos-picture --> pos-image
style pos-image fill:#f9f,stroke:#333,stroke-width:4px
Built with StencilJS