var Component=(()=>{var y=Object.create;var a=Object.defineProperty;var F=Object.getOwnPropertyDescriptor;var C=Object.getOwnPropertyNames;var m=Object.getPrototypeOf,N=Object.prototype.hasOwnProperty;var u=(e,n)=>()=>(n||e((n={exports:{}}).exports,n),n.exports),B=(e,n)=>{for(var s in n)a(e,s,{get:n[s],enumerable:!0})},d=(e,n,s,o)=>{if(n&&typeof n=="object"||typeof n=="function")for(let r of C(n))!N.call(e,r)&&r!==s&&a(e,r,{get:()=>n[r],enumerable:!(o=F(n,r))||o.enumerable});return e};var b=(e,n,s)=>(s=e!=null?y(m(e)):{},d(n||!e||!e.__esModule?a(s,"default",{value:e,enumerable:!0}):s,e)),f=e=>d(a({},"__esModule",{value:!0}),e);var h=u((v,p)=>{p.exports=_jsx_runtime});var E={};B(E,{default:()=>A,frontmatter:()=>g});var l=b(h()),g={title:"AI Prompt Button",description:"A versatile ai prompt button component with animation effects, designe",component:!0};function D(e){let n=Object.assign({div:"div",pre:"pre",code:"code",span:"span",h2:"h2",a:"a"},e.components),{ComponentPreviewCode:s,Tabs:o,TabsContent:r,Steps:t,Step:i}=n;return s||c("ComponentPreviewCode",!0),i||c("Step",!0),t||c("Steps",!0),o||c("Tabs",!0),r||c("TabsContent",!0),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(s,{name:"prompt-button",description:"AI Prompt button",children:(0,l.jsx)(n.div,{"data-rehype-pretty-code-fragment":"",children:(0,l.jsx)(n.pre,{"data-language":"tsx","data-theme":"default",__rawString__:`"use client" import * as React from "react" import { AnimatePresence, motion } from "framer-motion" import { Brain, ChevronDown, Heart, Layout, Sparkles, Zap } from "lucide-react" import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, } from "@/components/ui/dropdown-menu" import { toast } from "@/components/ui/use-toast" interface Option { id: string icon: React.ReactNode label: string description: string } const options: Option[] = [ { id: "basic", icon: , label: "Basic", description: "Standard prompt for AI code editors", }, { id: "extended", icon: , label: "Extended", description: "Extended prompt for complex components", }, { id: "lovable", icon: , label: "Lovable", description: "Optimized for Lovable.dev", }, { id: "bolt", icon: , label: "Bolt.new", description: "Optimized for Bolt.new", }, { id: "sitebrew", icon: , label: "sitebrew.ai", description: "Optimized for sitebrew.ai", }, ] export function SplitButtonDropdown() { const [selectedOption, setSelectedOption] = React.useState

AI Prompt Button

Installation

Install the following dependencies:

Copy and paste the button code into your project.