Demo

Card

Some content

Source Code

<template>
  <b-card
    v-if="content || title"
    class="Card"
    :title="title"
    :img-src="imgSrc()"
  >
    <b-card-text class="Card__text">
      {{ content }}
    </b-card-text>
    <b-button
      v-if="buttonTitle"
      :href="buttonTo"
      class="Card__button"
      :variant="buttonVariant"
    >
      {{ buttonTitle }}
    </b-button>
  </b-card>
</template>

props

title: { type: String, default: '' },
buttonVariant: { type: String },
// imageSrc: { type: String },
image: { type: Object },
imageSrc: { type: String },
content: { type: String },
buttonTitle: { type: String },
buttonTo: { type: String }