sigilUI

Chat Thread

Arrange a sequence of conversation messages.

@sigil-ui/componentsReact

Preview

Live preview Interactive

Import

import { ChatThread } from "@sigil-ui/components";

Usage

<ChatThread><ChatMessage role="user">Show me dialogs.</ChatMessage><ChatMessage role="assistant">Use Modal or ConfirmDialog.</ChatMessage></ChatThread>

CLI

npx @sigil-ui/cli add chat-thread

Token Integration

ChatThread follows the Sigil component rules: styles resolve from var(--s-*), class names are mergeable through className, and the component is exported from @sigil-ui/components.