RetroSearch Browse

Showing content from https://github.com/bootstrap-vue/bootstrap-vue/commit/c4981fd098253840a37e731331de65b0e732fc79 below:

File tree Expand file treeCollapse file tree 2 files changed

+14

-5

lines changed

Filter options

Expand file treeCollapse file tree 2 files changed

+14

-5

lines changed Original file line number Diff line number Diff line change


 @@ -142,6 +142,19 @@ appearance, or if using custom icons or SVGs e.g.:

142 142


 <b-avatar><custom-icon></custom-icon></b-avatar>

143 143

```

144 144 145

+
 **Multi-line text example:**

146 + 147

+
 ```html

148

+
 <template>

149

+
 <div class="mb-2">

150

+
 <b-avatar size="4em">Hello<br>World</b-avatar>

151

+
 <b-avatar size="4em">你好<br>世界</b-avatar>

152

+
 </div>

153

+
 </template>

154 + 155

+
 <!-- b-avatar-default-slot-multi-line.vue -->

156

+
 ```

157 + 145 158


 **Notes:**

146 159 147 160


 - The default slot takes precedence over the `text`, `src` and `icon` props.

Original file line number Diff line number Diff line change


 @@ -46,16 +46,12 @@

46 46


 overflow: hidden;

47 47


 display: flex;

48 48


 justify-content: center;

49

+
 align-items: center;

49 50

50 51 51 52


 .b-avatar-text {

52 53


 text-transform: uppercase;

53 54


 white-space: nowrap;

54

-
 align-items: center;

55

-
 }

56 - 57

-
 .b-avatar-custom {

58

-
 vertical-align: middle;

59 55

60 56 61 57


 > .b-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