> ## Documentation Index
> Fetch the complete documentation index at: https://docs.velure.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Sidebar Title

> SidebarTitle.vue Component Documentation

The `SidebarTitle.vue` component provides a styled header section for sidebar menus. It is designed to be used as a visually distinct title or label for grouped items or sections in a sidebar.

***

## Features

<CardGroup cols={2}>
  <Card title="Customizable Content" icon="square-1">
    Accepts custom text or elements through the default slot, providing flexible content options.
  </Card>

  <Card title="Simple Integration" icon="square-2">
    Lightweight and easy to use within sidebar layouts, ensuring smooth integration with minimal effort.
  </Card>

  <Card title="Styling for Titles" icon="square-3">
    Pre-styled for a consistent appearance in sidebar headers, maintaining design uniformity.
  </Card>
</CardGroup>

***

## Usage

### Basic Example

```js theme={null}
import { SidebarTitle } from '@robojuice/velure-ui';
```

```vue theme={null}
<SidebarTitle>Jump</SidebarTitle>
```

***

## Props

This component does not accept any props.

***

## Slots

<ParamField path="default" type="slot">
  Content displayed as the title text or element. `<template #default></template>`
</ParamField>

***

## Events

This component does not emit any custom events.

***

## Notes

* The `SidebarTitle` component is designed to provide consistent styling for sidebar section headers.
* It supports any content passed through the default slot, such as plain text or icons.

For further customization, refer to the component's source code.