22 lines
521 B
Plaintext
22 lines
521 B
Plaintext
component Image {
|
|
props {
|
|
@event load = function
|
|
@event error = function
|
|
size = "default"
|
|
color = "primary"
|
|
src = ""
|
|
alt = ""
|
|
width = ""
|
|
height = ""
|
|
loading = "lazy"
|
|
rounded = false
|
|
class = ""
|
|
}
|
|
view {
|
|
<figure class="wire-next wire-next--color-{color} wire-next--size-{size} wire-next--image {rounded ? 'wire-next--rounded' : ''} {class}">
|
|
<img src="{src}" alt="{alt}" width="{width}" height="{height}" loading="{loading}" />
|
|
<slot />
|
|
</figure>
|
|
}
|
|
}
|