SidebarHeading.vue

<template>
  <h6>
    <span
      class="
        sidebar-heading
        d-flex
        justify-content-between
        align-items-center
        px-3
        mt-4
        mb-1
        text-muted
      "
    >
      {{ label }}
    </span>
  </h6>
</template>
<script>
export default {
  props: {
    label: String,
  },
};
</script>
<style>
.sidebar .sidebar-heading {
  font-size: 0.75rem;
  text-transform: uppercase;
}
</style>