javier/Document-Management-System-laravel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update code

Browse Source
This commit is contained in:
manhlab
2021-04-07 06:32:42 -04:00
parent 7fb98911a6
commit a4753625f6
779 changed files with 335717 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

91
resources/js/src/views/notifications/Badges.vue Normal file
View File

@@ -0,0 +1,91 @@
<template functional>
<CRow>
<CCol col="12" md="6">
<CCard>
<CCardHeader>
<CIcon name="cil-justify-center"/>
<strong> Bootstrap Badge</strong>
<div class="card-header-actions">
<a
href="https://coreui.io/vue/docs/components/badge"
class="card-header-action"
rel="noreferrer noopener"
target="_blank"
>
<small class="text-muted">docs</small>
</a>
</div>
</CCardHeader>
<CCardBody>
<h2>Example heading <CBadge color="primary">New</CBadge></h2>
<h3>Example heading <CBadge color="primary">New</CBadge></h3>
<h4>Example heading <CBadge color="primary">New</CBadge></h4>
<h5>Example heading <CBadge color="primary">New</CBadge></h5>
<h6>Example heading <CBadge color="primary">New</CBadge></h6>
</CCardBody>
<CCardFooter>
<CButton color="primary">
Notifications
<CBadge color="light" class="ml-2 position-static">4</CBadge>
</CButton>
</CCardFooter>
</CCard>
</CCol>
<CCol col="12" md="6">
<CCard>
<CCardHeader>
<CIcon name="cil-justify-center"/> Badge
<small>contextual variations</small>
</CCardHeader>
<CCardBody>
<CBadge color="primary">Primary</CBadge>
<CBadge color="secondary">Secondary</CBadge>
<CBadge color="success">Success</CBadge>
<CBadge color="danger">Danger</CBadge>
<CBadge color="warning">Warning</CBadge>
<CBadge color="info">Info</CBadge>
<CBadge color="light">Light</CBadge>
<CBadge color="dark">Dark</CBadge>
</CCardBody>
</CCard>
<CCard>
<CCardHeader>
<CIcon name="cil-justify-center"/> Badge
<small>shape="pill"</small>
</CCardHeader>
<CCardBody>
<CBadge shape="pill" color="primary">Primary</CBadge>
<CBadge shape="pill" color="secondary">Secondary</CBadge>
<CBadge shape="pill" color="success">Success</CBadge>
<CBadge shape="pill" color="danger">Danger</CBadge>
<CBadge shape="pill" color="warning">Warning</CBadge>
<CBadge shape="pill" color="info">Info</CBadge>
<CBadge shape="pill" color="light">Light</CBadge>
<CBadge shape="pill" color="dark">Dark</CBadge>
</CCardBody>
</CCard>
<CCard>
<CCardHeader>
<CIcon name="cil-justify-center"/> Badge
<small>actionable</small>
</CCardHeader>
<CCardBody>
<CBadge href="#" color="primary">Primary</CBadge>
<CBadge href="#" color="secondary">Secondary</CBadge>
<CBadge href="#" color="success">Success</CBadge>
<CBadge href="#" color="danger">Danger</CBadge>
<CBadge href="#" color="warning">Warning</CBadge>
<CBadge href="#" color="info">Info</CBadge>
<CBadge href="#" color="light">Light</CBadge>
<CBadge href="#" color="dark">Dark</CBadge>
</CCardBody>
</CCard>
</CCol>
</CRow>
</template>
<script>
export default {
name: 'Badges'
}
</script>