Message - Pharen

Mit Message kannst du AI-Oberflächen aufzubauen. Diese Seite dokumentiert alle Vue-Komponenten, die das Modul öffentlich exportiert.

Installiere das Paket und importiere die Styles einmalig. Die vollständigen Schritte findest du unter Installation.

Import

import { Message, MessageContent, MessageActions, MessageResponse, MessageToolbar, MessageBranch, MessageBranchContent, MessageBranchSelector, MessageBranchPrevious, MessageBranchNext, MessageBranchPage } from '@pharen/ui/components/ai';

Beispiel

<script setup lang="ts">
import { Message, MessageContent, MessageResponse } from '@pharen/ui/components/ai';
</script>

<template>
  <Message from="assistant">
    <MessageContent>
      <MessageResponse content="Your workflow is ready." />
    </MessageContent>
  </Message>
</template>

Exporte

Export	Aufgabe
`Message`	Exportierte Vue-Komponente dieses Moduls.
`MessageContent`	Enthält den sichtbaren Inhalt.
`MessageActions`	Exportierte Vue-Komponente dieses Moduls.
`MessageResponse`	Exportierte Vue-Komponente dieses Moduls.
`MessageToolbar`	Exportierte Vue-Komponente dieses Moduls.
`MessageBranch`	Exportierte Vue-Komponente dieses Moduls.
`MessageBranchContent`	Enthält den sichtbaren Inhalt.
`MessageBranchSelector`	Exportierte Vue-Komponente dieses Moduls.
`MessageBranchPrevious`	Exportierte Vue-Komponente dieses Moduls.
`MessageBranchNext`	Exportierte Vue-Komponente dieses Moduls.
`MessageBranchPage`	Exportierte Vue-Komponente dieses Moduls.

Quellcode

Quellcode auf GitHub öffnen