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

# Comments Sidebar Button Primitives

> Primitive-based components for building custom Comments Sidebar Button interfaces with maximum flexibility.

> [!TIP]
>
> Explore primitives interactively in our [Storybook](https://storybook.velt.dev/).

> [!NOTE]
>
> Sidebar Button primitives use the shared `default` context, so standalone usage renders real comment counts and unread indicators without a parent root component.

### VeltSidebarButtonIcon

Icon displayed within the sidebar button.

> [tab] React / Next.js
>
> ```jsx theme={null}
> <VeltSidebarButtonIcon annotationId="abc123" />
> ```
>
> **Props:** Common inputs only (see [Common Inputs](#common-inputs) section).

> [tab] Other Frameworks
>
> ```html theme={null}
> <velt-sidebar-button-icon annotation-id="abc123"></velt-sidebar-button-icon>
> ```
>
> **Attributes:** Common attributes only (see [Common Inputs](#common-inputs) section).

***

### VeltSidebarButtonCommentsCount

Comments count displayed within the sidebar button.

> [tab] React / Next.js
>
> ```jsx theme={null}
> <VeltSidebarButtonCommentsCount annotationId="abc123" />
> ```
>
> **Props:** Common inputs only (see [Common Inputs](#common-inputs) section).

> [tab] Other Frameworks
>
> ```html theme={null}
> <velt-sidebar-button-comments-count annotation-id="abc123"></velt-sidebar-button-comments-count>
> ```
>
> **Attributes:** Common attributes only (see [Common Inputs](#common-inputs) section).

***

### VeltSidebarButtonUnreadIcon

Unread indicator icon displayed within the sidebar button.

> [tab] React / Next.js
>
> ```jsx theme={null}
> <VeltSidebarButtonUnreadIcon annotationId="abc123" />
> ```
>
> **Props:** Common inputs only (see [Common Inputs](#common-inputs) section).

> [tab] Other Frameworks
>
> ```html theme={null}
> <velt-sidebar-button-unread-icon annotation-id="abc123"></velt-sidebar-button-unread-icon>
> ```
>
> **Attributes:** Common attributes only (see [Common Inputs](#common-inputs) section).


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.