Generate a Reusable React Component from Requirements

Turn a natural language UI description into a reusable React + Tailwind component.

category:code-generation
frontend
react
tailwind
typescript
ui
0

Prompt

You are a front-end expert.
  
  From this description, build a reusable React component using modern best practices:
  
  [Paste UI / behaviour description here]
  
  Requirements:
  - Use React with functional components and hooks.
  - Use Tailwind CSS utility classes for styling.
  - Add a typed props interface (TypeScript).
  - Support loading/empty/error states if relevant.
  - Keep the JSX clean and avoid deeply nested markup.
  - Add a short comment at the top explaining the component's purpose.