Artifact
The side panel for a streamed document, code file, or preview.
Overview
Artifact is the framed "canvas" panel that sits beside a chat to hold a
streamed document, code file, or preview. A titled header, an action row (the
kit's text buttons with tooltips), and a scrolling content area — drop a
Response,
CodeBlock, or
WebPreview inside.
launch-checklist.md
Markdown · 320 B
Launch checklist
- Ship the Cupido tokens
- Wire
Responsefor streamed markdown - Drop in
PromptInput
Everything rides the same scale.
$ npx morpha-ui add artifactInstallation
Distributed via the Morpha CLI: npx morpha-ui add artifact. Ported from
AI Elements onto Cupido tokens.
npx morpha-ui add artifactAPI Reference
Prop
Type