mrholek
27 lines
700 B
Vue
27 lines
700 B
Vue
<script setup>
|
|
import { brandSet } from '@coreui/icons'
|
|
|
|
const toKebabCase = (str) => str.replace(/([a-z])([A-Z0-9])/g, '$1-$2').toLowerCase()
|
|
const icons = brandSet
|
|
</script>
|
|
|
|
<template>
|
|
<CRow>
|
|
<CCol>
|
|
<CCard>
|
|
<CCardHeader>CoreUI Icons - Brand</CCardHeader>
|
|
<CCardBody>
|
|
<CRow class="text-center">
|
|
<template v-for="(icon, iconName) in icons" :key="iconName">
|
|
<CCol class="mb-5" :xs="3" :sm="2">
|
|
<CIcon :content="icon" size="xxl" />
|
|
<div>{{ toKebabCase(iconName) }}</div>
|
|
</CCol>
|
|
</template>
|
|
</CRow>
|
|
</CCardBody>
|
|
</CCard>
|
|
</CCol>
|
|
</CRow>
|
|
</template>
|