Lab

@astryx-vue/lab contains components whose APIs and interactions are still being evaluated. Upstream Astryx has no Lab section: it files these under Form Controls, Indicator, Data Visualization, and so on, marked canary. They live on one page here so that "this may change" stays visible. The package is published only under the canary tag. Props and markup may change in any canary release; stable compatibility is not guaranteed.

Install

pnpm add @astryx-vue/lab@canary @astryx-vue/core vue

Each component imports its own stylesheet. To load all structural styles at once:

import '@astryx-vue/lab/lab.css'

Components

Component	Purpose
ListInput	Edit, validate, and reorder structured records.
MobileTokenizer	Search and select in a bottom sheet.
TransferList	Move and reorder options between two panels.
Tour	Guide users with target highlights and step callouts.
CodeEditor	Edit code with syntax highlighting and line numbers.
CommentComposer	Write a comment with a quoted passage, image attach, and an emoji picker.
CommentThread	One comment thread: first comment, replies, reactions, and a reply composer.
Comments	A comments panel: threads, activity events, and a composer for new comments.
CommentPin	Avatar-first annotation marker for one thread or a grouped set of threads.
CircularProgress	Determinate and indeterminate ring progress.
DiffViewer	Unified or split diff for one file.
InfoTip	Supplementary explanations for terms and metrics.
LogStream	Expandable logs with an optional live tail.
Stat	Key metrics and trends.
SVGIcon	Multi-variant SVG icons with per-shape roles.
EmojiPicker	Search every emoji by group and pick one, inline or in a popover.
ChatEmojiPicker	Filter and pick an emoji from a popover grid.
ChatReactionBar	Show emoji reactions under a message and add more.
Schedule	Show events by month, week, day, or list.

Every example is interactive, with the complete Vue source available on the code tab.