Tool

Use Tool to build AI interfaces. This page covers every Vue component exported by the public module.

Install the package and import its styles once. See Installation for the complete setup.

Import

import { Tool, ToolInput, ToolOutput } from '@pharen/ui/components/ai';

Example

<script setup lang="ts">
import { Tool, ToolInput, ToolOutput } from '@pharen/ui/components/ai';
</script>

<template>
  <Tool title="Search workspace" state="output-available">
    <ToolInput :input="{ query: 'Q3 plan' }" />
    <ToolOutput output="3 matching documents" />
  </Tool>
</template>

Exports

Export	Purpose
`Tool`	Exported Vue component from this module.
`ToolInput`	Exported Vue component from this module.
`ToolOutput`	Exported Vue component from this module.

Source

Open the source on GitHub

Getting started

Forms and input

Actions and navigation

Data display

Layout

Overlays and feedback

Data and planning

AI Components

Import

Example

Exports

Source

​Import

​Example

​Exports

​Source

Import

Example

Exports

Source