Suggestion

AI chats 8

About

Here is Suggestion component

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Suggestion to your project and fits it to your theme.

Code

How Suggestion is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import { Suggestion, Suggestions } from '@/components/ui/suggestion';

export default function DemoOne() {
  return (
    <div style={{
      display: 'flex',
      justifyContent: 'center',
      alignItems: 'center',
      minHeight: '100vh',
      padding: '2rem'
    }}>
      <Suggestions>
        <Suggestion suggestion="What are the latest trends in AI?" />
        <Suggestion suggestion="How to learn React in 2025?" />
        <Suggestion suggestion="Best practices for project management" />
        <Suggestion suggestion="Compare Next.js and Remix" />
        <Suggestion suggestion="Explain the theory of relativity" />
      </Suggestions>
    </div>
  );
}