Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
40 commits
Select commit Hold shift + click to select a range
bf20dfd
Integrated latest changes at 09-07-2025 7:31:58 PM
SyncfusionBuild Sep 7, 2025
f78e10d
Integrated latest changes at 09-09-2025 7:30:24 PM
SyncfusionBuild Sep 9, 2025
414875c
Integrated latest changes at 09-10-2025 7:30:19 PM
SyncfusionBuild Sep 10, 2025
e8b326d
Integrated latest changes at 09-11-2025 7:30:44 PM
SyncfusionBuild Sep 11, 2025
b5a5ab3
Integrated latest changes at 09-12-2025 7:30:17 PM
SyncfusionBuild Sep 12, 2025
db5416e
Integrated latest changes at 09-15-2025 7:34:19 PM
SyncfusionBuild Sep 15, 2025
e6a8ccb
Integrated latest changes at 09-16-2025 7:39:59 PM
SyncfusionBuild Sep 16, 2025
4f9a08e
980907: ai tool documents updated
vigneshsivaji Sep 17, 2025
cff0ec1
Merge pull request #797 from vigneshsivaji/development
sabari-senthamaraikannan Sep 17, 2025
4d567a8
Integrated latest changes at 09-17-2025 7:30:13 PM
SyncfusionBuild Sep 17, 2025
0601a7f
980907: document changes included
vigneshsivaji Sep 18, 2025
735496b
Merge pull request #799 from vigneshsivaji/development
sabari-senthamaraikannan Sep 18, 2025
077d479
980907: document changes included
vigneshsivaji Sep 18, 2025
9b894e1
980907: document contents updated
vigneshsivaji Sep 18, 2025
713df28
Integrated latest changes at 09-18-2025 7:30:16 PM
SyncfusionBuild Sep 18, 2025
4f1f281
Merge branch 'development' into development
sabari-senthamaraikannan Sep 18, 2025
3dcea84
Merge pull request #800 from vigneshsivaji/development
sabari-senthamaraikannan Sep 18, 2025
d5f8029
Integrated latest changes at 09-19-2025 7:30:08 PM
SyncfusionBuild Sep 19, 2025
2375816
Integrated latest changes at 09-22-2025 7:32:41 PM
SyncfusionBuild Sep 22, 2025
f76e0cf
Integrated latest changes at 09-23-2025 7:30:59 PM
SyncfusionBuild Sep 23, 2025
285a284
Integrated latest changes at 09-24-2025 7:30:22 PM
SyncfusionBuild Sep 24, 2025
c86a564
Integrated latest changes at 09-25-2025 7:33:26 PM
SyncfusionBuild Sep 25, 2025
e74d189
Integrated latest changes at 09-26-2025 7:31:34 PM
SyncfusionBuild Sep 26, 2025
f3dabea
Integrated latest changes at 09-30-2025 7:30:31 PM
SyncfusionBuild Sep 30, 2025
5e78734
Integrated latest changes at 10-01-2025 7:30:28 PM
SyncfusionBuild Oct 1, 2025
4739ae3
Integrated latest changes at 10-02-2025 7:34:58 PM
SyncfusionBuild Oct 2, 2025
b7f719a
Integrated latest changes at 10-03-2025 7:30:15 PM
SyncfusionBuild Oct 3, 2025
690dede
Controls getting started changes committed
Shyam-SF5073 Oct 6, 2025
cffc146
Document changes done in HTML file and other files
Shyam-SF5073 Oct 6, 2025
6ec1e4e
Merge pull request #821 from Shyam-SF5073/development
sabari-senthamaraikannan Oct 6, 2025
c4b9e18
Integrated latest changes at 10-06-2025 7:39:52 PM
SyncfusionBuild Oct 6, 2025
955d24f
Integrated latest changes at 10-07-2025 7:30:12 PM
SyncfusionBuild Oct 7, 2025
27817dd
Integrated latest changes at 10-08-2025 7:31:10 PM
SyncfusionBuild Oct 8, 2025
bbb6311
Integrated latest changes at 10-09-2025 7:30:41 PM
SyncfusionBuild Oct 9, 2025
40d3886
Integrated latest changes at 10-10-2025 7:31:47 PM
SyncfusionBuild Oct 10, 2025
6cfe8dd
Integrated latest changes at 10-11-2025 7:30:16 PM
SyncfusionBuild Oct 11, 2025
51cf2e6
Integrated latest changes at 10-12-2025 7:30:14 PM
SyncfusionBuild Oct 12, 2025
67022a5
Integrated latest changes at 10-13-2025 7:30:14 PM
SyncfusionBuild Oct 13, 2025
4572e4b
Integrated latest changes at 10-13-2025 10:03:18 PM
SyncfusionBuild Oct 13, 2025
45c4c1e
Merge remote-tracking branch 'remotes/origin/development'
PriyankaKarthikeyan1408 Oct 14, 2025
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
20 changes: 20 additions & 0 deletions ej2-react-toc.html
Original file line number Diff line number Diff line change
Expand Up @@ -246,12 +246,28 @@
<li>
<a href="/ej2-react/ai-assistview/ai-integrations/openai-integration">Azure Open AI</a>
</li>
<<<<<<< HEAD
=======
<li>
<a href="/ej2-react/ai-assistview/ai-integrations/ollama-llm-integration">Ollama LLM</a>
</li>
>>>>>>> remotes/origin/development
</ul>
</li>
<li><a href="/ej2-react/ai-assistview/toolbar-items">Toolbar items</a></li>
<li><a href="/ej2-react/ai-assistview/custom-view">Custom views</a></li>
<li><a href="/ej2-react/ai-assistview/file-attachments">File attachments</a></li>
<li><a href="/ej2-react/ai-assistview/templates">Templates</a></li>
<li>Speech
<ul>
<li>
<a href="/ej2-react/ai-assistview/speech/speech-to-text">Speech to Text</a>
</li>
<li>
<a href="/ej2-react/ai-assistview/speech/text-to-speech">Text to Speech</a>
</li>
</ul>
</li>
<li><a href="/ej2-react/ai-assistview/appearance">Appearance</a></li>
<li><a href="/ej2-react/ai-assistview/accessibility">Accessibility</a></li>
<li><a href="/ej2-react/ai-assistview/methods">Methods</a></li>
Expand Down Expand Up @@ -2975,7 +2991,11 @@
</ul>
</li> <li>Release Notes
<ul>
<<<<<<< HEAD
<li>2025 Volume 3 - 31.*<ul><li>Weekly Release<ul><li><a href="/ej2-react/release-notes/31.1.23">31.1.23</a></li><li><a href="/ej2-react/release-notes/31.1.22">31.1.22</a></li><li><a href="/ej2-react/release-notes/31.1.21">31.1.21</a></li><li><a href="/ej2-react/release-notes/31.1.20">31.1.20</a></li><li><a href="/ej2-react/release-notes/31.1.18">31.1.18</a></li></ul></li><li><a href="/ej2-react/release-notes/31.1.17">31.1.17 Main Release</a></li></ul></li>
=======
<li>2025 Volume 3 - 31.*<ul><li><a href="/ej2-react/release-notes/31.2.2">31.2.2 Service Pack Release</a></li><li><a href="/ej2-react/release-notes/31.1.17">31.1.17 Main Release</a></li></ul></li>
>>>>>>> remotes/origin/development
<li>2025 Volume 2 - 30.*<ul><li>Weekly Release<ul><li><a href="/ej2-react/release-notes/30.2.7">30.2.7</a></li><li><a href="/ej2-react/release-notes/30.2.6">30.2.6</a></li><li><a href="/ej2-react/release-notes/30.2.5">30.2.5</a></li><li><a href="/ej2-react/release-notes/30.1.42">30.1.42</a></li><li><a href="/ej2-react/release-notes/30.1.41">30.1.41</a></li><li><a href="/ej2-react/release-notes/30.1.40">30.1.40</a></li><li><a href="/ej2-react/release-notes/30.1.39">30.1.39</a></li><li><a href="/ej2-react/release-notes/30.1.38">30.1.38</a></li></ul></li><li><a href="/ej2-react/release-notes/30.2.4">30.2.4 Service Pack Release</a></li><li><a href="/ej2-react/release-notes/30.1.37">30.1.37 Main Release</a></li></ul></li><li>2025 Volume 1 - 29.*<ul><li>Weekly Release<ul><li><a href="/ej2-react/release-notes/29.2.11">29.2.11</a></li><li><a href="/ej2-react/release-notes/29.2.10">29.2.10</a></li><li><a href="/ej2-react/release-notes/29.2.8">29.2.8</a></li><li><a href="/ej2-react/release-notes/29.2.7">29.2.7</a></li><li><a href="/ej2-react/release-notes/29.2.5">29.2.5</a></li><li><a href="/ej2-react/release-notes/29.1.41">29.1.41</a></li><li><a href="/ej2-react/release-notes/29.1.40">29.1.40</a></li><li><a href="/ej2-react/release-notes/29.1.39">29.1.39</a></li><li><a href="/ej2-react/release-notes/29.1.38">29.1.38</a></li><li><a href="/ej2-react/release-notes/29.1.37">29.1.37</a></li><li><a href="/ej2-react/release-notes/29.1.35">29.1.35</a></li></ul></li><li><a href="/ej2-react/release-notes/29.2.4">29.2.4 Service Pack Release</a></li><li><a href="/ej2-react/release-notes/29.1.33">29.1.33 Main Release</a></li></ul></li><li>2024 Volume 4 - 28.*<ul><li>Weekly Release<ul><li><a href="/ej2-react/release-notes/28.2.12">28.2.12</a></li><li><a href="/ej2-react/release-notes/28.2.11">28.2.11</a></li><li><a href="/ej2-react/release-notes/28.2.9">28.2.9</a></li><li><a href="/ej2-react/release-notes/28.2.7">28.2.7</a></li><li><a href="/ej2-react/release-notes/28.2.6">28.2.6</a></li><li><a href="/ej2-react/release-notes/28.2.5">28.2.5</a></li><li><a href="/ej2-react/release-notes/28.2.4">28.2.4</a></li><li><a href="/ej2-react/release-notes/28.1.41">28.1.41</a></li><li><a href="/ej2-react/release-notes/28.1.39">28.1.39</a></li><li><a href="/ej2-react/release-notes/28.1.38">28.1.38</a></li><li><a href="/ej2-react/release-notes/28.1.37">28.1.37</a></li><li><a href="/ej2-react/release-notes/28.1.36">28.1.36</a></li><li><a href="/ej2-react/release-notes/28.1.35">28.1.35</a></li></ul></li><li><a href="/ej2-react/release-notes/28.2.3">28.2.3 Service Pack Release</a></li><li><a href="/ej2-react/release-notes/28.1.33">28.1.33 Main Release</a></li></ul></li><li>2024 Volume 3 - 27.*<ul><li>Weekly Release<ul><li><a href="/ej2-react/release-notes/27.2.5">27.2.5</a></li><li><a href="/ej2-react/release-notes/27.2.4">27.2.4</a></li><li><a href="/ej2-react/release-notes/27.2.3">27.2.3</a></li><li><a href="/ej2-react/release-notes/27.1.58">27.1.58</a></li><li><a href="/ej2-react/release-notes/27.1.57">27.1.57</a></li><li><a href="/ej2-react/release-notes/27.1.56">27.1.56</a></li><li><a href="/ej2-react/release-notes/27.1.55">27.1.55</a></li><li><a href="/ej2-react/release-notes/27.1.53">27.1.53</a></li><li><a href="/ej2-react/release-notes/27.1.52">27.1.52</a></li><li><a href="/ej2-react/release-notes/27.1.51">27.1.51</a></li><li><a href="/ej2-react/release-notes/27.1.50">27.1.50</a></li></ul></li><li><a href="/ej2-react/release-notes/27.2.2">27.2.2 Service Pack Release</a></li><li><a href="/ej2-react/release-notes/27.1.48">27.1.48 Main Release</a></li></ul></li><li>2024 Volume 2 - 26.*<ul><li>Weekly Release<ul><li><a href="/ej2-react/release-notes/26.2.14">26.2.14</a></li><li><a href="/ej2-react/release-notes/26.2.13">26.2.13</a></li><li><a href="/ej2-react/release-notes/26.2.12">26.2.12</a></li><li><a href="/ej2-react/release-notes/26.2.11">26.2.11</a></li><li><a href="/ej2-react/release-notes/26.2.10">26.2.10</a></li><li><a href="/ej2-react/release-notes/26.2.9">26.2.9</a></li><li><a href="/ej2-react/release-notes/26.2.8">26.2.8</a></li><li><a href="/ej2-react/release-notes/26.2.7">26.2.7</a></li><li><a href="/ej2-react/release-notes/26.2.5">26.2.5</a></li><li><a href="/ej2-react/release-notes/26.1.42">26.1.42</a></li><li><a href="/ej2-react/release-notes/26.1.41">26.1.41</a></li><li><a href="/ej2-react/release-notes/26.1.40">26.1.40</a></li><li><a href="/ej2-react/release-notes/26.1.39">26.1.39</a></li><li><a href="/ej2-react/release-notes/26.1.38">26.1.38</a></li></ul></li><li><a href="/ej2-react/release-notes/26.2.4">26.2.4 Service Pack Release</a></li><li><a href="/ej2-react/release-notes/26.1.35">26.1.35 Main Release</a></li></ul></li><li>2024 Volume 1 - 25.*<ul><li>Weekly Release<ul><li><a href="/ej2-react/release-notes/25.2.7">25.2.7</a></li><li><a href="/ej2-react/release-notes/25.2.6">25.2.6</a></li><li><a href="/ej2-react/release-notes/25.2.5">25.2.5</a></li><li><a href="/ej2-react/release-notes/25.2.4">25.2.4</a></li><li><a href="/ej2-react/release-notes/25.1.42">25.1.42</a></li><li><a href="/ej2-react/release-notes/25.1.41">25.1.41</a></li><li><a href="/ej2-react/release-notes/25.1.40">25.1.40</a></li><li><a href="/ej2-react/release-notes/25.1.39">25.1.39</a></li><li><a href="/ej2-react/release-notes/25.1.38">25.1.38</a></li><li><a href="/ej2-react/release-notes/25.1.37">25.1.37</a></li></ul></li><li><a href="/ej2-react/release-notes/25.2.3">25.2.3 Service Pack Release</a></li><li><a href="/ej2-react/release-notes/25.1.35">25.1.35 Main Release</a></li></ul></li>
<li>2023 Volume 4 - 24.*<ul><li>Weekly Release<ul><li><a href="/ej2-react/release-notes/24.2.9">24.2.9</a></li><li><a href="/ej2-react/release-notes/24.2.8">24.2.8</a></li><li><a href="/ej2-react/release-notes/24.2.7">24.2.7</a></li><li><a href="/ej2-react/release-notes/24.2.6">24.2.6</a></li><li><a href="/ej2-react/release-notes/24.2.5">24.2.5</a></li><li><a href="/ej2-react/release-notes/24.2.4">24.2.4</a></li><li><a href="/ej2-react/release-notes/24.1.47">24.1.47</a></li><li><a href="/ej2-react/release-notes/24.1.46">24.1.46</a></li><li><a href="/ej2-react/release-notes/24.1.45">24.1.45</a></li><li><a href="/ej2-react/release-notes/24.1.44">24.1.44</a></li><li><a href="/ej2-react/release-notes/24.1.43">24.1.43</a></li></ul></li><li><a href="/ej2-react/release-notes/24.2.3">24.2.3 Service Pack Release</a></li><li><a href="/ej2-react/release-notes/24.1.41">24.1.41 Main Release</a></li></ul></li>
<li>2023 Volume 3 - 23.*<ul><li> Weekly Release<ul><li><a href="/ej2-react/release-notes/23.2.7">23.2.7</a></li><li><a href="/ej2-react/release-notes/23.2.6">23.2.6</a></li><li><a href="/ej2-react/release-notes/23.2.5">23.2.5</a></li><li><a href="/ej2-react/release-notes/23.1.44">23.1.44</a></li><li><a href="/ej2-react/release-notes/23.1.43">23.1.43</a></li><li><a href="/ej2-react/release-notes/23.1.42">23.1.42</a></li><li><a href="/ej2-react/release-notes/23.1.41">23.1.41</a></li><li><a href="/ej2-react/release-notes/23.1.40">23.1.40</a></li><li><a href="/ej2-react/release-notes/23.1.39">23.1.39</a></li><li><a href="/ej2-react/release-notes/23.1.38">23.1.38</a></li></ul></li><li><a href="/ej2-react/release-notes/23.2.4">23.2.4 Service Pack Release</a></li><li><a href="/ej2-react/release-notes/23.1.36">23.1.36 Main Release</a></li></ul></li>
Expand Down
97 changes: 97 additions & 0 deletions ej2-react/Release-notes/31.2.2.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,97 @@
---
title: Essential Studio for React Release Notes
description: Learn here about the controls in the Essential Studio for React 2025 Volume 2 SP Release - Release Notes
platform: ej2-react
documentation: ug
---

# Essential Studio for React - v31.2.2 Release Notes

{% include release-info.html date="October 14, 2025" version="v31.2.2" passed="63079" failed="0" %}

{% directory path: _includes/release-notes/v31.2.2 %}

{% include {{file.url}} %}

{% enddirectory %}

## Test Results

| Component Name | Test Cases | Passed | Failed | Remarks |
|---------------|------------|--------|--------|---------|
| 3D Chart | 232 | 232 | 0 | All Passed |
| 3D Circular Chart | 374 | 374 | 0 | All Passed |
| Accordion | 205 | 205 | 0 | All Passed |
| AI Assist View | 431 | 431 | 0 | All Passed |
| App Bar | 67 | 67 | 0 | All Passed |
| AutoComplete | 200 | 200 | 0 | All Passed |
| Breadcrumb | 160 | 160 | 0 | All Passed |
| Bullet Chart | 168 | 168 | 0 | All Passed |
| Button | 144 | 144 | 0 | All Passed |
| ButtonGroup | 120 | 120 | 0 | All Passed |
| calendar | 177 | 177 | 0 | All Passed |
| Carousel | 61 | 61 | 0 | All Passed |
| Chart | 4744 | 4744 | 0 | All Passed |
| Chat UI | 184 | 184 | 0 | All Passed |
| CircularGauge | 429 | 429 | 0 | All Passed |
| ColorPicker | 130 | 130 | 0 | All Passed |
| Combo Box | 139 | 139 | 0 | All Passed |
| Common | 904 | 904 | 0 | All Passed |
| Context Menu | 105 | 105 | 0 | All Passed |
| Data Grid | 3662 | 3662 | 0 | All Passed |
| Date Picker | 426 | 426 | 0 | All Passed |
| Date Range Picker | 519 | 519 | 0 | All Passed |
| Date Time Picker | 324 | 324 | 0 | All Passed |
| Diagram | 12813 | 12813 | 0 | All Passed |
| Dialog | 58 | 58 | 0 | All Passed |
| DropDown Button | 132 | 132 | 0 | All Passed |
| Dropdown List | 193 | 193 | 0 | All Passed |
| Dropdown Tree | 105 | 105 | 0 | All Passed |
| File Manager | 2187 | 2187 | 0 | All Passed |
| Floating Action Button | 132 | 132 | 0 | All Passed |
| Gantt | 3515 | 3515 | 0 | All Passed |
| HeatMap Chart | 635 | 635 | 0 | All Passed |
| Image Editor | 1653 | 1653 | 0 | All Passed |
| In-place Editor | 642 | 642 | 0 | All Passed |
| Kanban | 268 | 268 | 0 | All Passed |
| LinearGauge | 426 | 426 | 0 | All Passed |
| Listbox | 115 | 115 | 0 | All Passed |
| ListView | 84 | 84 | 0 | All Passed |
| Maps | 1368 | 1368 | 0 | All Passed |
| Mention | 35 | 35 | 0 | All Passed |
| Menu | 187 | 187 | 0 | All Passed |
| Multicolumn Combo Box | 254 | 254 | 0 | All Passed |
| Multiselect Dropdown | 417 | 417 | 0 | All Passed |
| OTP Input | 240 | 240 | 0 | All Passed |
| Pivot Table | 5303 | 5303 | 0 | All Passed |
| Progress Bar | 81 | 81 | 0 | All Passed |
| Progress Button | 132 | 132 | 0 | All Passed |
| Query Builder | 480 | 480 | 0 | All Passed |
| RadioButton | 36 | 36 | 0 | All Passed |
| RangeNavigator | 140 | 140 | 0 | All Passed |
| Rating | 198 | 198 | 0 | All Passed |
| Ribbon | 623 | 623 | 0 | All Passed |
| Rich Text Editor | 5095 | 5095 | 0 | All Passed |
| schedule | 4608 | 4608 | 0 | All Passed |
| sidebar | 88 | 88 | 0 | All Passed |
| Signature | 105 | 105 | 0 | All Passed |
| Skeleton | 144 | 144 | 0 | All Passed |
| Slider | 147 | 147 | 0 | All Passed |
| SmithChart | 49 | 49 | 0 | All Passed |
| Sparkline | 58 | 58 | 0 | All Passed |
| Speech To Text | 200 | 200 | 0 | All Passed |
| Speed Dial | 122 | 122 | 0 | All Passed |
| Split Button | 144 | 144 | 0 | All Passed |
| Stepper | 91 | 91 | 0 | All Passed |
| Stock Chart | 379 | 379 | 0 | All Passed |
| Tab | 69 | 69 | 0 | All Passed |
| Text Area | 107 | 107 | 0 | All Passed |
| TextBox | 54 | 54 | 0 | All Passed |
| Time Picker | 180 | 180 | 0 | All Passed |
| Timeline | 213 | 213 | 0 | All Passed |
| Toast | 139 | 139 | 0 | All Passed |
| Toolbar | 112 | 112 | 0 | All Passed |
| ToolTip | 136 | 136 | 0 | All Passed |
| TreeGrid | 3786 | 3786 | 0 | All Passed |
| Treemap | 326 | 326 | 0 | All Passed |
| Treeview | 370 | 370 | 0 | All Passed |
8 changes: 8 additions & 0 deletions ej2-react/ai-assistview/ai-integrations/gemini-integration.md
Original file line number Diff line number Diff line change
Expand Up @@ -45,7 +45,11 @@ npm install @google/generative-ai

## Generate API Key

<<<<<<< HEAD
1. Go to [Google AI Studio](https://aistudio.google.com/app/apikey) and sign in with your Google account. If you don’t have one, create a new account.
=======
1. Go to [Google AI Studio](https://aistudio.google.com/app/apikey) and sign in with your google account. If you don’t have one, create a new account.
>>>>>>> remotes/origin/development

2. Once logged in, click on `Get API Key` from the left-hand menu or the top-right corner of the dashboard.

Expand Down Expand Up @@ -88,4 +92,8 @@ npm start

```

<<<<<<< HEAD
Open the hosted link to interact with the Gemini AI for dynamic response.
=======
Open the hosted link to interact with the Gemini AI for dynamic response
>>>>>>> remotes/origin/development
113 changes: 113 additions & 0 deletions ej2-react/ai-assistview/ai-integrations/ollama-llm-integration.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,113 @@
---
layout: post
title: LLM Model With React AI AssistView component | Syncfusion
description: Checkout and learn about Integration of LLM Model With React AI AssistView component of Syncfusion Essential JS 2 and more details.
platform: ej2-react
control: AI AssistView
documentation: ug
domainurl: ##DomainURL##
---

# LLM via Ollama With AI AssistView component

The Syncfusion AI AssistView supports integration with [LLM via Ollama](https://ollama.com), enabling advanced conversational AI features in your applications. The component acts as a UI for a support bot, where user prompts are sent to the selected AI service via API calls.

## Prerequisites

* Requires `Node.js` (v16 or higher) and `npm`.
* [Ollama](https://ollama.com) application should be installed to run and manage LLM models locally.
* Syncfusion AI AssistView for React `@syncfusion/ej2-react-interactive-chat` installed in your react project.

## Step 1: Getting Started with the AI AssistView component

Before integrating LLM model, ensure that the Syncfusion AI AssistView component is correctly rendered in your application:

[ React Getting Started Guide](../getting-started)

## Step 2: Install Dependencies

* Install the Syncfusion AI AssistView in your project

```bash

npm install @syncfusion/ej2-react-interactive-chat --save

```

* Download and install `Ollama` based on your operating system:

{% tabs %}
{% highlight ts tabtitle="Windows" %}

1. Visit [Windows](https://ollama.com/download)
2. Click `Download for Windows` to get the `.exe installer`.
3. Run `OllamaSetup.exe` and follow the wizard to install.

{% endhighlight %}

{% highlight ts tabtitle="MAC" %}

1. Visit [macOS](https://ollama.com/download/mac)
2. Click `Download for macOS` to get `.dmg file`
3. Install it by following the wizard.

{% endhighlight %}

{% highlight ts tabtitle="Linux" %}

1. Visit [Linux](https://ollama.com/download/linux)
2. Run the below command to install Ollama in your system

```bash

curl -fsSL https://ollama.com/install.sh | sh

```

{% endhighlight %}
{% endtabs %}

## Step 3: Install and Run an Ollama Model

1. Download and run a model using the following command. Replace `deepseek-r1` with your preferred model (e.g., `llama3`, `phi4`). See the [Ollama model](https://ollama.com/search) library for available models

```bash

ollama run deepseek-r1

```

2. Once the model download is complete, start the Ollama server to make the model accessible:

```bash

ollama serve

```

## Step 4: Configure AI AssistView in React

Create `src/App.js` to connect the Syncfusion AI AssistView to the LLM model:

{% tabs %}
{% highlight js tabtitle="index.jsx" %}
{% include code-snippet/ai-assistview/ai-integrations/llm-model/app/index.jsx %}
{% endhighlight %}
{% highlight ts tabtitle="index.tsx" %}
{% include code-snippet/ai-assistview/ai-integrations/llm-model/app/index.tsx %}
{% endhighlight %}
{% endtabs %}

{% previewsample "page.domainurl/code-snippet/ai-assistview/ai-integrations/llm-model" %}

## Step 5: Run and Test

Run the application in the browser using the following command.

```bash

npm start

```

Open the hosted link to interact with your AI model where you can enter prompts and receive responses from the Ollama model.
4 changes: 4 additions & 0 deletions ej2-react/ai-assistview/ai-integrations/openai-integration.md
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,11 @@ The Syncfusion AI AssistView supports integration with [Azure Open AI](https://m

## Getting Started with the AI AssistView component

<<<<<<< HEAD
Before integrating Azure Open AI, ensure that the Syncfusion AI AssistView component is correctly rendered in your React app:
=======
Before integrating Azure Open AI, ensure that the Syncfusion AI AssistView Component is correctly rendered in your React app:
>>>>>>> remotes/origin/development

[React Getting Started Guide](../getting-started)

Expand Down
42 changes: 42 additions & 0 deletions ej2-react/ai-assistview/speech/speech-to-text.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,42 @@
---
layout: post
title: Speech-to-Text With React AI AssistView component | Syncfusion
description: Checkout and learn about configuration of Speech-to-Text With Azure OpenAI in React AI AssistView component of Syncfusion Essential JS 2 and more details.
platform: ej2-react
control: AI AssistView
documentation: ug
domainurl: ##DomainURL##
---

# Speech-to-Text in React AI AssistView

The Syncfusion React AI AssistView component supports `Speech-to-Text` functionality through the browser's [Web Speech API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Speech_API), enabling conversion of spoken words into text using the device's microphone.

## Prerequisites

Before integrating `Speech-to-Text`, ensure the following:

1. The Syncfusion AI AssistView component is properly set up in your React application.
- [React Getting Started Guide](../getting-started)

2. The AI AssistView component is integrated with [Azure OpenAI](https://microsoft.github.io/PartnerResources/skilling/ai-ml-academy/resources/openai).
- [Integration of Azure OpenAI With React AI AssistView component](../ai-integrations/openai-integration.md)

## Configure Speech-to-Text

To enable Speech-to-Text functionality, modify the `src/App.jsx` or `src/App.tsx` file to incorporate the Web Speech API. The [SpeechToText](https://ej2.syncfusion.com/react/documentation/speech-to-text/getting-started) component listens for microphone input, transcribes spoken words, and updates the AI AssistView's editable footer with the transcribed text. The transcribed text is then sent as a prompt to the Azure OpenAI service via the AI AssistView component.

{% tabs %}
{% highlight js tabtitle="app.jsx" %}
{% include code-snippet/ai-assistview/speech/stt/app/index.jsx %}
{% endhighlight %}
{% highlight ts tabtitle="app.tsx" %}
{% include code-snippet/ai-assistview/speech/stt/app/index.tsx %}
{% endhighlight %}
{% endtabs %}

{% previewsample "page.domainurl/code-snippet/ai-assistview/speech/stt" %}

## See Also

* [Text-to-Speech](./text-to-speech.md)
Loading