feat: CSidebarNavItem: add color prop

coreui · Jun 29, 2020 · 3bb6c1f · 3bb6c1f
1 parent 833d98a
commit 3bb6c1f
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 3 deletions.
diff --git a/src/components/index.d.ts b/src/components/index.d.ts
@@ -539,6 +539,7 @@ export declare class CSidebarNavItem extends CLink {
  badge?: object
  addLinkClasses?: string
  label?: boolean
+ color?: string
 }
 
 export declare class CSidebarNavTitle extends Vue {}

diff --git a/src/components/template/CSidebarNavItem.vue b/src/components/template/CSidebarNavItem.vue
@@ -43,7 +43,8 @@ const props = Object.assign(
  fontIcon: String,
  badge: Object,
  addLinkClasses: [String, Array, Object],
- label: Boolean
+ label: Boolean,
+ color: String
  }
 )
 
@@ -65,6 +66,7 @@ export default {
  linkClasses () {
  return [
  this.label ? 'c-sidebar-nav-label' : 'c-sidebar-nav-link',
+ this.color && `c-sidebar-nav-link-${this.color}`,
  this.addLinkClasses
  ]
  },

diff --git a/src/components/template/tests/CSidebarNavItem.spec.js b/src/components/template/tests/CSidebarNavItem.spec.js
@@ -10,7 +10,8 @@ const wrapper = mount(Component, {
  badge: {
  color: 'success',
  text: 'NEW'
- }
+ },
+ color: 'success'
  },
  attrs: {
  id: 'link'

diff --git a/src/components/template/tests/__snapshots__/CSidebarNavItem.spec.js.snap b/src/components/template/tests/__snapshots__/CSidebarNavItem.spec.js.snap
@@ -6,7 +6,7 @@ exports[`CSidebarNavItem.vue renders correctly 1`] = `
  id="link"
 >
  <a
- class="c-sidebar-nav-link"
+ class="c-sidebar-nav-link c-sidebar-nav-link-success"
  href="#"
  target="_self"
  >