ActiveMultiSelect

ActiveMultiSelect

The ActiveMultiSelect component is a custom multi-select input based on Carbon's FilterableMultiSelect. It supports a skeleton loading state and all props from the base component, making it ideal for asynchronous or filterable selection scenarios.

Props

Inherits all props from Carbon's FilterableMultiSelect.

Name	Type	Required	Description
showSkeleton	boolean	❌	If true, displays a skeleton loader instead of the multi-select.

Usage

import ActiveMultiSelect from '@/components/Form/ActiveMultiSelect';

<ActiveMultiSelect
  id="user-roles"
  items={roles}
  itemToString={(item) => item.name}
  showSkeleton={loading}
  onChange={handleChange}
  placeholder="Select roles..."
/>