diff --git a/docs/.vuepress/components/BooksWithSlots.vue b/docs/.vuepress/components/BooksWithSlots.vue
new file mode 100644
index 0000000..5925001
--- /dev/null
+++ b/docs/.vuepress/components/BooksWithSlots.vue
@@ -0,0 +1,33 @@
+<template>
+  <v-select :options="books" label="title">
+    <template #selected-option="{author, title}">
+      <component :is="option" v-bind="{author, title}"/>
+    </template>
+    <template #option="{author, title}">
+      <component :is="option" v-bind="{author, title}"/>
+    </template>
+  </v-select>
+</template>
+
+<script>
+import vSelect from '../../../src/components/Select';
+import books from '../data/books';
+
+export default {
+  components: {vSelect},
+  computed: {
+    books: () => books,
+    option: () => ({
+      functional: true,
+      render: (h, {props}) => h('div', {class: {author: true}}, [
+        h('strong', props.title),
+        h('i', `${props.author.firstName} ${props.author.lastName}`),
+      ]),
+    }),
+  },
+};
+</script>
+
+<style scoped>
+
+</style>