Feature: support icon with text

[kikuomax]

that would be something like

<b-icon icon="icon-name">the text to render</b-icon>

implemented like that:

<template>
<span v-bind:class="{ 'icon-text': hasDefaultSlot }">
    <span class="icon" :class="[newType, size]">
        <i
            v-if="!useIconComponent"
            :class="[newPack, newIcon, newCustomSize, customClass]"/>

        <component
            v-else
            :is="useIconComponent"
            :icon="[newPack, newIcon]"
            :size="newCustomSize"
            :class="[customClass]"/>
    </span>
<span><slot /></span>
</span>
</template>
.....
  computed: {
    hasDefaultSlot () {
      return !!this.$slots.default
    },
....}

Originally posted by @elmatou in #3069 (comment)