diff --git a/README.md b/README.md
index 06719b9..e5fc726 100644
--- a/README.md
+++ b/README.md
@@ -14,10 +14,10 @@ $ npm install vue-bulma-card --save
 ```vue
 <template>
   <div>
-    <base-card 
+    <base-card
       :icon="'angle-right'"
-      :title="'Github'" 
-      :content="'Welcome to Github'">
+      :title="'Github'">
+      <p slot="content">Welcome to Github</p>
       <card-footer-item slot="footer" :href="'https://github.com'">
         <span class="icon is-small">
           <i aria-hidden="true" class="fa fa-github"></i>
diff --git a/src/BaseCard.vue b/src/BaseCard.vue
index 52bfa82..2864b9f 100644
--- a/src/BaseCard.vue
+++ b/src/BaseCard.vue
@@ -17,8 +17,10 @@
           </span>
         </a>
       </header>
-      <div class="card-content">
-        <div class="content">{{ content }}</div>
+      <div class="card-content" v-if="!!this.$slots.content">
+        <div class="content">
+          <slot name="content"></slot>
+        </div>
       </div>
       <footer class="card-footer" v-if="!!this.$slots.footer">
         <slot name="footer"></slot>
@@ -34,7 +36,6 @@ export default {
       type: String
     },
     icon: String,
-    content: String,
     transition: {
       type: String,
       default: 'fade'
@@ -57,4 +58,4 @@ export default {
     }
   }
 }
-</script>
\ No newline at end of file
+</script>