Comments Sidebar Button Primitives

Explore primitives interactively in our Storybook.

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.

React / Next.js
Other Frameworks

<VeltSidebarButtonIcon annotationId="abc123" />

Props: Common inputs only (see Common Inputs section).

<velt-sidebar-button-icon annotation-id="abc123"></velt-sidebar-button-icon>

Attributes: Common attributes only (see Common Inputs section).

VeltSidebarButtonCommentsCount

Comments count displayed within the sidebar button.

React / Next.js
Other Frameworks

<VeltSidebarButtonCommentsCount annotationId="abc123" />

Props: Common inputs only (see Common Inputs section).

<velt-sidebar-button-comments-count annotation-id="abc123"></velt-sidebar-button-comments-count>

Attributes: Common attributes only (see Common Inputs section).

VeltSidebarButtonUnreadIcon

Unread indicator icon displayed within the sidebar button.

React / Next.js
Other Frameworks

<VeltSidebarButtonUnreadIcon annotationId="abc123" />

Props: Common inputs only (see Common Inputs section).

<velt-sidebar-button-unread-icon annotation-id="abc123"></velt-sidebar-button-unread-icon>

Attributes: Common attributes only (see Common Inputs section).

Comment Sidebar Button Wireframe Variables Comment Composer

⌘I

​VeltSidebarButtonIcon

​VeltSidebarButtonCommentsCount

​VeltSidebarButtonUnreadIcon

VeltSidebarButtonIcon

VeltSidebarButtonCommentsCount

VeltSidebarButtonUnreadIcon