outline-image
The image component, with support for parallax scrolling.
Properties
| Property | Attribute | Type | Default | Description |
|---|---|---|---|---|
hasCaptionSlot |
boolean |
|||
imageHref |
image-href |
string | boolean |
false | Image url |
imageLabel |
image-label |
string | boolean |
false | Image text |
imageRatio |
image-ratio |
"default" | "1/1" | "3/2" | "3/4" | "4/3" | "5/4" | "16/9" | "9/16" | "21/9" |
Image aspect ratio. This value can be customized per image usage. It will work with the property usages of image-href and image-label. If using a slotted image, it will work if the structure is an img tag wrapped in a picture tag. |
|
slots |
SlotController |
"new SlotController(this, true)" |
Methods
| Method | Type |
|---|---|
captionSlotTemplate |
(): TemplateResult<ResultType> | null |
Slots
| Name | Description |
|---|---|
| The image to be presented. | |
caption |
The caption text for the image. |