Prompt input
A composable prompt input for AI chat and in-page editing experiences. Includes auto-resizing textarea, file attachments, and action toolbar. Available in Default (chatbot) and Floating (canvas/in-page) variants.
Installation
pnpm dlx shadcn@latest add https://blok.sitecore.com/r/prompt-input.jsonUsage
Examples
The following are examples of our prompt-input components.
Floating
Canvas / page content area
- Edit this image to be more warm in tone
Sure thing! I will now edit this image to be more warm in tone!
- Can you replace the font with something Serif?
Of course! I will now replace the font with the Serif font ‘Georgia’.
Queued
- Do this thing
- Do the other thing
- Do one more thing
- Let's make it interesting
- Lorem ipsum dolor sit amet consectetur. Neque felis scelerisque proin volutpat purus vel bibendum. Integer faucibus magna at augue sollicitudin.
- Do this thing
- Do the other thing
- Do one more thing
- Let's make it interesting
- Lorem ipsum dolor sit amet consectetur. Neque felis scelerisque proin volutpat purus vel bibendum. Integer faucibus magna at augue sollicitudin.
Questions
Questions
This is the question that is being asked by the AI… or is it?
Questions
This is the question that is being asked by the AI… or is it?