overview.mdx

title	Overview

⏱ 5 minutes  ·  Easy

What you'll learn

In this tutorial, you'll take a simple email app and add AI-powered autocompletion to it. The app is a basic email client with a plain textarea for composing messages. You'll add CopilotKit so the textarea offers relevant autocompletions as you type, aware of the full email history.

You'll learn:

• How to use useCopilotReadable to give your copilot access to your app's state
• How to use the <CopilotTextarea /> component for context-aware autocompletions
• How to use the Copilot Textarea Action Popup to generate or adjust existing text

Try it out

An interactive example of the end result:

<iframe src="https://example-textarea.vercel.app/" width="100%" height="850" referrerPolicy="strict-origin-when-cross-origin" title="CopilotKit Textarea Demo" frameBorder="0" allowFullScreen />