diff --git a/docs/controls/RichSuggestBox.md b/docs/controls/RichSuggestBox.md
new file mode 100644
index 000000000..cdc0a8754
--- /dev/null
+++ b/docs/controls/RichSuggestBox.md
@@ -0,0 +1,120 @@
+---
+title: RichSuggestBox
+author: huynhsontung
+description: A rich text input control that auto-suggests and stores token items in a document.
+keywords: windows 10, uwp, windows community toolkit, uwp community toolkit, uwp toolkit, RichSuggestBox
+dev_langs:
+  - csharp
+---
+
+# RichSuggestBox
+
+The [RichSuggestBox](/dotnet/api/microsoft.toolkit.uwp.ui.controls.richsuggestbox) is a combination of [AutoSuggestBox](/uwp/api/windows.ui.xaml.controls.autosuggestbox) and [RichEditBox](/uwp/api/windows.ui.xaml.controls.richeditbox) that can provide suggestions based on customizable prefixes. Selected suggestions are embedded and tracked in the document as tokens.
+
+RichSuggestBox resembles text controls commonly found in social applications where you type "@" to mention people.
+
+> **Platform APIs:** [`RichSuggestBox`](/dotnet/api/microsoft.toolkit.uwp.ui.controls.richsuggestbox)
+
+> [!div class="nextstepaction"]
+> [Try it in the sample app](uwpct://Controls?sample=RichSuggestBox)
+
+## Syntax
+
+```xaml
+<controls:RichSuggestBox
+  PlaceholderText="Leave a comment"
+  ItemTemplate="{StaticResource SuggestionTemplate}"
+  Prefixes="@#" />
+```
+
+## Example Output
+
+![RichSuggestBox Example](../resources/images/Controls/RichSuggestBox.gif)
+
+## Remarks
+
+When a suggestion is selected, `RichSuggestBox` assigns the selected item a unique [Guid](/dotnet/api/system.guid) and a display text (provided by the developer) to make up a token. The display text is then padded with [Zero Width Space](https://unicode-table.com/200B/)s (ZWSP) and inserted into the document as a hyperlink using the identifier as the link address. These hyperlinks are tracked and validated on every text change.
+
+The token text inserted into the document has the following layout: ZWSP - Prefix character - Display text - ZWSP.
+
+For example, a token with "@" as the prefix and "John Doe" as the display text is inserted as:
+
+```cs
+"\u200b@John Doe\u200b"
+```
+
+> [!IMPORTANT]
+> Token text contains [Zero Width Space](https://unicode-table.com/200B/)s, which are Unicode characters.
+
+> [!NOTE]
+> To support Undo/Redo function, `RichSuggestBox` keeps all the tokens in an internal collection even when the token text is deleted from the document. These token are marked as inactive and are not included in the `Tokens` collection. Use `ClearUndoRedoSuggestionHistory()` method to clear inactive tokens or `Clear()` method to clear all tokens.
+
+## Examples
+
+### Handle multiple token types
+
+The example below creates a `RichSuggestBox` that can tokenize both mentions (query starts with `@`) and hashtags (query starts with `#`).
+
+```xaml
+<controls:RichSuggestBox
+  PlaceholderText="Leave a comment"
+  ItemTemplate="{StaticResource SuggestionTemplate}"
+  SuggestionChosen="OnSuggestionChosen"
+  SuggestionRequested="OnSuggestionRequested"
+  Prefixes="@#" />
+```
+
+```cs
+private void OnSuggestionChosen(RichSuggestBox sender, SuggestionChosenEventArgs args)
+{
+  if (args.Prefix == "#")
+  {
+    // User selected a hashtag item
+    args.DisplayText = ((SampleHashtagDataType)args.SelectedItem).Text;
+  }
+  else
+  {
+    // User selected a mention item
+    args.DisplayText = ((SampleEmailDataType)args.SelectedItem).DisplayName;
+  }
+}
+
+private void OnSuggestionRequested(RichSuggestBox sender, SuggestionRequestedEventArgs args)
+{
+  sender.ItemsSource = args.Prefix == "#"
+    ? _hashtags.Where(x => x.Text.Contains(args.QueryText, StringComparison.OrdinalIgnoreCase))
+    : _emails.Where(x => x.DisplayName.Contains(args.QueryText, StringComparison.OrdinalIgnoreCase));
+}
+```
+
+### Plain text only
+
+The example below creates a `RichSuggestBox` that only allows users to enter plain text. The only formatted texts in the document are tokens.
+
+```xaml
+<controls:RichSuggestBox
+  ClipboardCopyFormat="PlainText"
+  ClipboardPasteFormat="PlainText"
+  DisabledFormattingAccelerators="All" />
+```
+
+## Sample Project
+
+[RichSuggestBox sample page Source](https://github.com/windows-toolkit/WindowsCommunityToolkit/tree/rel/7.1.0/Microsoft.Toolkit.Uwp.SampleApp/SamplePages/RichSuggestBox). You can [see this in action](uwpct://Controls?sample=RichSuggestBox) in [Windows Community Toolkit Sample App](https://aka.ms/windowstoolkitapp).
+
+## Requirements
+
+| Device family | Universal, 10.0.17763.0 or higher |
+| -- | -- |
+| Namespace | Microsoft.Toolkit.Uwp.UI.Controls |
+| NuGet package | [Microsoft.Toolkit.Uwp.UI.Controls](https://www.nuget.org/packages/Microsoft.Toolkit.Uwp.UI.Controls/) |
+
+## Source Code
+
+- [RichSuggestBox source code](https://github.com/windows-toolkit/WindowsCommunityToolkit/tree/rel/7.1.0/Microsoft.Toolkit.Uwp.UI.Controls.Input/RichSuggestBox)
+
+## Related Topics
+
+- [AutoSuggestBox](/uwp/api/windows.ui.xaml.controls.autosuggestbox)
+- [RichEditBox](/uwp/api/windows.ui.xaml.controls.richeditbox)
+- [TokenizingTextBox](TokenizingTextBox.md)
diff --git a/docs/resources/images/Controls/RichSuggestBox.gif b/docs/resources/images/Controls/RichSuggestBox.gif
new file mode 100644
index 000000000..853476a32
Binary files /dev/null and b/docs/resources/images/Controls/RichSuggestBox.gif differ
diff --git a/docs/toc.md b/docs/toc.md
index 2667b87e2..46bc7a36a 100644
--- a/docs/toc.md
+++ b/docs/toc.md
@@ -167,6 +167,8 @@
 
 ### [RemoteDevicePicker](controls/RemoteDevicePicker.md)
 
+### [RichSuggestBox](controls/RichSuggestBox.md)
+
 ### [RotatorTile](controls/RotatorTile.md)
 
 ### [StaggeredLayout](controls/layout/StaggeredLayout.md)