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.

Import

import ETitle from "@components/UI/ETitle";

Usage

const NavExample = ({isHovered}) => {

  return (
    <ETitle>
        UI Elements
    </ETitle>
     <EListGroup title="Components">
         <EListItem>
            Button
         </EListItem>
          <EListItem>
            Badge
         </EListItem>
     </EListGroup>
  );
};

export default SidebarTitleExample;

Props

Prop	Type	Default	Note
tag	String	"h1"	Defines wrapper tag
uppercase	Boolean	-	Uppercase the text
className	String	-	Overrides or extends the component's styles.

Children

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

Children	Description
✔️	Component’s content.