DropdownDisabledElement is a reusable component built for Traditional Web Apps that displays a searchable dropdown list with support for both selectable and non-selectable options.

Items that are not selectable are automatically greyed out and disabled, ensuring users can clearly identify which options are available for interaction. This provides a clean and intuitive user experience while enforcing business rules directly in the UI.

Key Features:

?? Searchable Dropdown: Users can quickly find items by typing in the search box.

? Selectable & Non-Selectable Items: Non-selectable options are greyed out and disabled.

?? Dynamic Input List: Accepts a list with two attributes:

Content – The text/value displayed in the dropdown.

IsSelectable (Boolean / Condition Attribute) – Defines whether the item is selectable or not.

?? Reusable & Configurable: Easily integrated into any Traditional Web module and supports dynamic data sources.

?? User-Friendly UI: Clean interface with clear visual distinction for disabled items.

Use Case Example:

Use DropdownDisabledElement when you need to show a dropdown where some options should be restricted based on conditions — for example:

Showing a list of departments where some are inactive.

Displaying available roles where certain ones are disabled.

Presenting selectable options depending on user permissions or status.