Chat Tokenized Text @astryx-svelte/core v0.3.0 · Chat

Usage

Renders a text string with token patterns replaced by inline Badge components. Wrap any message body inside ChatMessageBubble to turn raw @mentions, #tags, or /commands into styled badges. When no tokens match or none are provided, the text renders as-is: so you can use ChatTokenizedText unconditionally on every message.
ts
import { Chat } from '@astryx-svelte/core';

Examples

Common configurations, variations, and states.
ChatTokenizedText — Basic
A message with @mention tokens. Each matching pattern is replaced with its display name badge.
ChatTokenizedText — Colors
Tokens with different color variants to distinguish mentions, bugs, and features. Use variant colors to create a visual taxonomy: blue for people, red for bugs, green for features.