MP
Can you compare @Button and @Link, then show what to use on #docs-route?
채팅Chat0 props
Chat
Chat는 AI 또는 사람 간 대화 화면을 구성하는 채팅 프리미티브 묶음입니다.
공식 문서 열기미리보기
3Context
@Button@Link#docs-route
RAG ready12k context
streaming
Import
import {Chat} from '@astryxdesign/core/Chat';Astryx 문서 권장 방식대로 root barrel이 아니라 컴포넌트 subpath에서 가져옵니다.
사용 시점
Chat는 AI 또는 사람 간 대화 화면을 구성하는 채팅 프리미티브 묶음입니다.
chatmessagebubbleconversationaiassistantthreadsystem-message
중요 props
이 컴포넌트는 주요 variant prop보다 children/compound pattern 중심으로 사용합니다.
테마 대상
astryx-chat-layoutastryx-chat-composerastryx-chat-composer-inputastryx-chat-composer-drawerastryx-chat-messageastryx-chat-message-bubbleastryx-chat-message-listastryx-chat-system-messageastryx-chat-message-metadataastryx-chat-send-buttonastryx-chat-tokenized-textastryx-chat-tool-callsastryx-trigger-menu
사용 지침
- 권장Chat의 목적이 드러나도록 레이블과 보조 설명을 함께 제공하세요.
- 권장상태 변화가 필요한 경우 사용자가 바로 이해할 수 있는 피드백을 연결하세요.
- 권장키보드와 보조 기술 사용자가 같은 흐름을 따라갈 수 있게 접근성 속성을 확인하세요.
- 권장화면 밀도와 주변 컴포넌트의 위계가 유지되도록 간격과 크기를 맞추세요.