AiArtifact

Artifact

Tabbed artifact viewer for code, docs, and HTML.

import { openai } from '@ai-sdk/openai'
import { streamText } from 'ai'

export async function chat(messages: Message[]) {
  const result = streamText({
    model: openai('gpt-4o'),
    messages,
  })
  return result.toDataStreamResponse()
}

Usage 

<AiArtifact :artifacts="artifacts" />

Props

Prop Type Default Description
artifacts*AiArtifactData[]——

Slots

  • tab
  • content
  • header