---
title: "AI Suggestion Box"
description: "An AI suggestion block that renders inside TextField or TextArea. Shows AI-generated content with feedback controls and add-to-note actions. Supports multiple states: not-started, generating, ready, and added."
sidebar_label: "AI Suggestion Box"
slug: /reference/components/ai-suggestion-box
---

import ComponentDemo from '@site/src/components/ComponentDemo';

# AI Suggestion Box

An AI suggestion block that renders inside TextField or TextArea. Shows AI-generated content with feedback controls and add-to-note actions. Supports multiple states: not-started, generating, ready, and added.

**Package:** `@terreno/ui`  
**Categories:** Component  
**Props interface:** `AiSuggestionBoxProps`  
**Story source:** [`demo/stories/AISuggestionBox.stories.tsx`](https://github.com/flourishhealth/terreno/blob/master/demo/stories/AISuggestionBox.stories.tsx)

## Live demo

<ComponentDemo name="AI Suggestion Box" />

## Props

_No documented props were extracted from TypeDoc._