How to embed Q Search bar in React JS application

Question & Answer
,
1

How to embed Q Search bar in React JS application. Please help with steps to embed Quick Sight Q search bar in a Reach JS application.

I am able to embed the Quick Sight dashboards using the the instructions in the link Level up your React app with Amazon QuickSight: How to embed your dashboard for anonymous access | AWS Business Intelligence Blog

2

@Sumitha ,

It would be a different configuration in the API call , you should find the details here that you can then adapt to your code : Embed the Amazon Q in QuickSight Generative Q&A experience - Amazon QuickSight
If it’s gen-bi , then in the following regions : Amazon Q in QuickSight is available in US East (Virginia), US West (Oregon), and Europe (Frankfurt) AWS Regions at launch, with plans to expand to all current QuickSight Q Regions.

If it’s classic Q bar then : Embedding the Amazon QuickSight Q search bar (Classic) - Amazon QuickSight

Kind regards,
Koushik

3

What is the difference between Classic Q Search Bar and Generative QnA?
Does both retrieve results from the Topics created in QuickSight?

4

@Sumitha ,

Yes both require topics to be created in QuickSight.

Example of classic Q bar : https://democentral.learnquicksight.online/#Dashboard-AskQ-Q-SaaS-Sales
Example of gen bi : https://democentral.learnquicksight.online/#Dashboard-AskQ-Q-Generative-QnA

Kind regards,
Koushik

2 Likes