Discussion on "How to create a Microsoft Fluent UI Searchable Dropdown Component with react"

$€®¥09@ · 2023-12-01T12:24:50.747Z

The Fluent UI dropdown component provided by Microsoft is good. But unfortunately it does not support to "search" for items from the list. In this post, I will describe how to create a custom React component with the ability to filter the dropdown co...

How can I use it in SPFx React with hooks ?

$€®¥09@Hi, I like to know how I can rebuild the component with hooks

$€®¥09@ Hi, I like to know how I can rebuild the component with hooks

Miguel Carreon The current code of the class component can be found here

You need to change the class component to a function component. The current component is stateless, so you need to replace all class methods with functions and it should work.

Alternatively, you can use my npm package @spfxappdev/fluentui-react-controls which contains also this control

A Live demo (PnP community call) is here: youtube.com/watch

Hi , Can you please help , how to setup dev environment for spfx viva connection. Currently i have 30 web-parts under my production workspace. I need to host this in same tenant with dev environment.

Hi, I'm not sure if I understand you correctly or what you are planning to do! You want two different "environments" on the same tenant with possibly different versions of the web part(s)? If yes, create a site collection app catalog and deploy it in the site collection only.

Thanks Let me try out same. :) $€®¥09@

Search Hashnode

How to create a Microsoft Fluent UI Searchable Dropdown Component with react

Responses2