microsoft / microsoft/AdaptiveCards
[Javascript] Enhance adaptivecards-fabric library by supporting fluent ui elements
Nobody has claimed this yet.
- Dominant language
- C#
- Stars
- 2k
- Forks
- 595
- Avg merge
- 1d 19h
- Merged PRs (30d)
- 1
Description
What platform is your feature request related to? (Delete other platforms).
- JavaScript
Is your feature request related to a problem? Please describe.
We are using adaptive card to display search results in Microsoft search. However some of our search results is displayed with extensive UI containing few elements like breadcrumb :
We want to render these search results using adaptive card. However with the current set of elements supported by adaptive card, it is quite difficult to match the existing design.
Describe the solution you'd like
We are using fluent ui(fabric) elements to render these search results. And we want to know if all the fluent ui elements can be supported by adaptive card.
There is already an existing package in adaptive card library called adaptivecards-fabric which supports all the input type adaptive card elements. We wanted to explore the possibility if the same package can be extended to support other elements of fabric or if possible can we create a separate package for these components.
I know that these custom elements will be only supported by javascript platform and not in other platforms as the fabric library itself is not same for all platforms, but again adaptivecards-fabric package was built only for JS platform (Although I might be wrong here).
Additional context
We tried to do a POC to validate if this idea is even possible and it turned out to be easily integrable. Below is the details of POC

Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reviewing the existing adaptivecards-fabric package and the proof of concept described in the issue. Clarify which Fluent UI elements are required, whether they belong in that package or a separate one, and what cross-platform scope is intended. A defined element list, package boundary, and acceptance criteria are needed before implementation can be considered done.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100