Brew AI Apps Fast

// A prompt bar for your AI app
import { useState } from "react";
import { Composer } from "@chai-ui/react";
import "@chai-ui/tokens/css";
import "@chai-ui/react/style.css";

export function PromptBar() {
  const [prompt, setPrompt] = useState("");
  return <Composer value={prompt} onChange={setPrompt} onSubmit={console.log} />;
}

<!-- A prompt bar for your AI app -->
<script setup lang="ts">
import { ref } from "vue";
import { Composer } from "@chai-ui/vue";
import "@chai-ui/tokens/css";
import "@chai-ui/vue/style.css";

const prompt = ref("");
</script>

<template>
  <Composer v-model="prompt" @submit="console.log" />
</template>