N
Nyxis
Chat

ConversationSidebar

Left-rail conversation list with search, pinned items, and unread counts.

Preview

Installation

pnpm add nyxis-ui

Usage

import { ConversationSidebar, type ConversationItem } from 'nyxis-ui';

<ConversationSidebar
  conversations={items}
  activeId={current}
  onSelect={setCurrent}
  onNew={createConversation}
/>;

Anatomy

  • Search input filters the list by title and snippet (case-insensitive).
  • pinned items float to the top.
  • unread counts render as a small numeric badge on the right.
  • “New conversation” button is hooked up via onNew.