Skip to main content

UsersAttribute

Reference

  • Standard component that provides Paginated User attribute dropdown

Props

  • isMultiselect : pass true/false based of selection of value from dropdown is single select or multiple select
  • value
  • onEdit
  • onFocusOut
  • placeholder
  • userRoleFilters
  • height
  • style
  • includeInactiveUsers : default value is false
  • clearSelectedUserValue : default value is false
  • disabled : default value is false

Usage

const { protrakComponents } = React.useContext(customWidgetContext);
const { Attribute } = protrakComponents;

return(
<AllUsers
isMultiselect={true} // its value is true/false
value={selectedUsers} //selected value
onEdit={(newValue) => onEdit(newValue)} //handle on change
placeholder={'Select Actors'}
style={CustomeStyleForUsersDropDown} // style for dropdown
height="auto"
clearSelectedUserValue={selectedUsers.length === 0}
/>
);

UI

User Attribute

User Attribute After click on it

User Attribute search user name

User Attribute After selecting user