feat: add views - in base section

2021-08-04 18:31:45 +02:00
parent 79559ae334
commit 820f491410
31 changed files with 63224 additions and 9380 deletions
@@ -0,0 +1,36 @@
+<template>
+  <CRow>
+    <CCol>
+      <CCard>
+        <CCardHeader>
+          <strong>Vue Popovers</strong>
+        </CCardHeader>
+        <CCardBody>
+            <h4 class="mt-4">Vue popover example</h4>
+            <Example href="directives/popover.html#example">
+                <CButton 
+                    color="danger" 
+                    size="lg" 
+                    v-c-popover="{header: 'Popover title', content: 'And here\’s some amazing content. It’s very engaging. Right?', placement: 'right'}"
+                >
+                    Click to toggle popover
+                </CButton>
+            </Example>
+            <h4 class="mt-4">Vue popovers four directions</h4>
+            <Example href="directives/popover.html#four-directions">
+                <CButton color="secondary" v-c-popover="{content: 'Vivamus sagittis lacus vel augue laoreet rutrum faucibus.', placement: 'top'}">Popover on top</CButton>
+                <CButton color="secondary" v-c-popover="{content: 'Vivamus sagittis lacus vel augue laoreet rutrum faucibus.', placement: 'right'}">Popover on right</CButton>
+                <CButton color="secondary" v-c-popover="{content: 'Vivamus sagittis lacus vel augue laoreet rutrum faucibus.', placement: 'bottom'}">Popover on bottom</CButton>
+                <CButton color="secondary" v-c-popover="{content: 'Vivamus sagittis lacus vel augue laoreet rutrum faucibus.', placement: 'left'}">Popover on left</CButton>
+            </Example>           
+        </CCardBody>
+      </CCard>
+    </CCol>
+  </CRow>
+</template>
+
+<script>
+export default {
+  name: "Popovers",
+};
+</script>