Adaptive Cards usage with UI Library

[vhuseinova-msft]

UI Library provides custom experience to easily build fast and responsive communication web applications. While today Adaptive Cards aren’t supported as part of UI library, the recommended approach is to use onRenderMessage callback in MessageThread UI component or ChatComposite props with a check for adaptive cards data.

Steps to use Adaptive Cards SDK with UI Library:

1. Add Adaptive Cards SDK to your application.
2. Implement onRenderMessage callback.
   a. Handle adaptive cards data or
   b. Use the defaultOnRender callback to get the default UI library experience.
3. Set onRenderMessage callback for MessageThread UI component or ChatComposite props.

Gist example for MessageThread: https://gist.github.com/vhuseinova-msft/b87c45e22f2303ce7ab308da3ab78f9f