Suggestion Banner

An inline AI suggestion with apply and dismiss.

Library

Spectrum UI

Framework

React

Type

block

License

Apache-2.0

Dependencies

lucide-react

Install

npx shadcn@latest add @spectrumui/suggestion-banner

Files

• components/spectrumui/blocks/ai-assistants/suggestion-banner.tsx
• lib/utils.ts

Source

https://github.com/arihantcodes/spectrum-ui

Categories

• AI Element Components
• React AI Element Components
• Tailwind CSS AI Element Components
• Animated AI Element Components
• Banner Components
• React Banner Components
• Tailwind CSS Banner Components
• Animated Banner Components
• Feedback Components
• React Feedback Components
• Tailwind CSS Feedback Components
• Animated Feedback Components

More from Spectrum UI

• Chat Empty State
• Quota Banner
• No Search Results
• Streaming Text
• No Access
• Accordion
• Account Access Card
• No Activity Yet
• Agent Plan
• Agent Steps
• AI Chat Card
• Alert demo