feat: add Font Awesome brand icons view

2019-06-14 11:45:48 +02:00
parent 066f41d5ff
commit 772a0502b8
3 changed files with 53 additions and 3 deletions
@@ -0,0 +1,39 @@
+<template>
+  <div>
+    <CCard>
+      <CCardHeader>
+        <i class="cui-globe"></i>Font Awesome brand icons
+      </CCardHeader>
+      <CCardBody>
+        <CRow class="c-text-center">
+          <CCol class="c-mb-5" col="12">
+            <!-- For using the flags inline with text add the classes
+            <code>.flag-icon</code> and <code>.flag-icon-xx</code>
+            (where xx is the ISO 3166-1-alpha-2 code of a country) to an empty
+            span. If you want to have a squared version flag then add the class
+            flag-icon-squared as well. -->
+          </CCol>
+          <template v-for="(brand, brandName) in $options.brands">
+            <CCol
+              class="c-mb-5"
+              col="3"
+              sm="2"
+              :key="key"
+            >
+              <CIcon :height="42" :content="$options.brands[brandName]"/>
+              <div>{{brandName}}</div>
+            </CCol>
+          </template>
+        </CRow>
+      </CCardBody>
+    </CCard>
+  </div>
+</template>
+
+<script>
+import { iconSet as brands } from '@coreui/icons/brands'
+export default {
+  name: 'Brands',
+  brands
+}
+</script>