coreui-free-react-admin-template
38 строк · 1.2 Кб
1import React from 'react'2import { CCard, CCardBody, CCardHeader, CCol, CRow } from '@coreui/react'3import CIcon from '@coreui/icons-react'4import { brandSet } from '@coreui/icons'5import { DocsCallout } from 'src/components'6
7const toKebabCase = (str) => {8return str.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, '$1-$2').toLowerCase()9}
10
11export const getIconsView = (iconset) => {12return Object.entries(iconset).map(([name, value]) => (13<CCol className="mb-5" xs={6} sm={4} md={3} xl={2} key={name}>14<CIcon icon={value} size="xxl" />15<div>{toKebabCase(name)}</div>16</CCol>17))18}
19
20const CoreUIIcons = () => {21return (22<>23<DocsCallout24name="CoreUI Brand Icons"25href="components/chart"26content="CoreUI Brand Icons. CoreUI Icons package is delivered with more than 1500 icons in multiple formats SVG, PNG, and Webfonts. CoreUI Icons are beautifully crafted symbols for common actions and items. You can use them in your digital products for web or mobile app."27/>28<CCard className="mb-4">29<CCardHeader>Brand Icons</CCardHeader>30<CCardBody>31<CRow className="text-center">{getIconsView(brandSet)}</CRow>32</CCardBody>33</CCard>34</>35)36}
37
38export default CoreUIIcons39