18Switch language to English

Prompt Input

السابقالتالي

Advanced prompt input with keyboard shortcuts and suggestions.

import {
  PromptInput,
  PromptInputSubmit,
  PromptInputTextarea,
  PromptInputToolbar,
} from "@/components/atom/prompt-input"

export default function PromptInputDemo() {
  return (
    <PromptInput className="w-full max-w-lg" onSubmit={() => {}}>
      <PromptInputTextarea placeholder="Ask anything..." />
      <PromptInputToolbar className="justify-end">
        <PromptInputSubmit />
      </PromptInputToolbar>
    </PromptInput>
  )
}

Installation

pnpm dlx shadcn@latest add @codebase/prompt-input

Usage

import { PromptInput } from "@/components/atom/prompt-input"
<PromptInput />