AI Native UI Kit
Components

Response Actions

A "change response" menu plus a feedback toolbar for AI answers.

Installation

npx shadcn@latest add https://ai-native-ui.com/r/response-actions.json

Usage

import { ResponseActions } from "@/components/ui/response-actions";

<ResponseActions
  onAction={(id, prompt) => refine(id, prompt)}
  onFeedback={(kind) => track(kind)}
/>;

Props

PropTypeDescription
actionsResponseAction[]Menu items (id, label, icon, submenu).
onAction(id: string, prompt?: string) => voidFires on a menu item or custom prompt.
onFeedback(kind: "copy" | "up" | "down" | "regenerate") => voidToolbar feedback.

On this page