+8
-2
lines changedFilter options
+8
-2
lines changed Original file line number Diff line number Diff line change
@@ -84,6 +84,8 @@ and will be sized to show the avatar's [variant background](#variants) around th
84 84
fallback to the value of the `icon` or `text` props. If neither the `icon` or `text` props are
85 85
provided, then the default avatar icon will be shown. Also, when the image fails to load, the
86 86
`img-error` event will be emitted.
87 +
- <span class="badge badge-secondary">2.12.0+</span> Setting the [variant prop](#variants) to an
88 +
empty string will remove the visible background border around the image.
87 89 88 90
### Icon content
89 91
@@ -301,7 +303,7 @@ The `to` prop can either be a string path, or a `Location` object. The `to` prop
301 303
```html
302 304
<template>
303 305
<div>
304 -
<b-avatar href="#foobar"variant="info" src="https://placekitten.com/300/300"></b-avatar>
306 +
<b-avatar href="#foobar" variant="info" src="https://placekitten.com/300/300"></b-avatar>
305 307
Link Avatar
306 308
</div>
307 309
</template>
@@ -226,7 +226,11 @@ export const BAvatar = /*#__PURE__*/ Vue.extend({
226 226
// Default slot overrides props
227 227
$content = h('span', { staticClass: 'b-avatar-custom' }, [this.normalizeSlot('default')])
228 228
} else if (src) {
229 -
$content = h('img', { attrs: { src, alt }, on: { error: this.onImgError } })
229 +
$content = h('img', {
230 +
style: variant ? {} : { width: '100%', height: '100%' },
231 +
attrs: { src, alt },
232 +
on: { error: this.onImgError }
233 +
})
230 234
} else if (icon) {
231 235
$content = h(BIcon, {
232 236
props: { icon },
You can’t perform that action at this time.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4