ETitle

ETitle is a UI element that provides a fixed label for each section of nav items in the sidebar. The difference between this component and ESidebarTitle is that the ETitle doesn't hide the label while the sidebar is in compact mode.

Usage

<template>
  <ETitle :isHovered="isHovered">
    UI Elements
  </ETitle>
  <EListGroup title="Components">
    <EListItem>
      Button
    </EListItem>
    <EListItem>
      Badge
    </EListItem>
  </EListGroup>
</template>

<script setup>
  const props = defineProps({
    isHovered: Boolean,
  });
</script>

Props

Prop	Type	Default	Note
tag	String	"h1"	Defines wrapper tag
uppercase	Boolean	-	Uppercase the text

Slots

The ETitle component provides a default slot that enable you to customize the content.

Slot	Description
default	The default Vue slot.