Azure AI Document Intelligence
An Azure service that turns documents into usable data. Previously known as Azure Form Recognizer.
1,504 questions
I am new - How to build the same UI as shown in the studio in React
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(67.2, 80%, 16%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EM%3C/text%3E%3C/svg%3E)
Maaz
0
Reputation points
I have just started learning about this document intelligence my question is i want to build the same UI in my react application so does Azure provides some renderer or package or i need to build my own ?
{count} votes
-
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(204.8, 70%, 29%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EKO%3C/text%3E%3C/svg%3E)
Kelly Owens 5 Reputation points2024-07-02T11:57:23.1233333+00:00 Hello!
Azure provides powerful backend services like Form Recognizer for document intelligence but does not offer a direct UI renderer for React applications. To integrate document analysis, you can use Azure Form Recognizer's REST API or JavaScript SDK to analyze documents, then build custom UI components in React to display the results. Install the Azure SDK, set up the API calls, and design the UI using libraries like Material-UI or Ant Design to present the extracted information effectively.
Best Regards,
-
Maaz 0 Reputation points
2024-07-02T12:15:48.44+00:00 Hi,
Thank you for your reply i was just confused and wanted the hover features and the polygon over images that shows info on hover.
Sign in to comment