How to list all available props of any third-party components in React or Angular [closed]

I am building a system where users can add widgets (such as charts, gauges, etc.) from multiple third-party libraries. Whenever a user clicks on a widget, I want to dynamically retrieve and display the supported properties (like width, height, dataset, clickable, etc.) for that specific widget. This will allow users to manage styling and data bindings directly from the UI. Since users can use any widget from any library, the solution must support retrieving properties dynamically, without hardcoding. How can I achieve this in React or Angular?

Continue reading...