README
MultipleCollaboratorField"> MultipleCollaboratorField
Used for selecting multiple collaborators.
Getting started
npm install @cmds/multiple-collaborator-field --save
Prop Types
Property | Type | Required? | Description |
---|---|---|---|
id | String | ✓ | Unique id for the instance of this field |
contextId | Context | ✓ | The appearance will change depending on context in which the field is displayed. Valid options include: recordDetail or recordGridRow or recordGalleryCard or recordListItem |
roleId | Role | ✓ | The behaviour changes based on the role. Valid options include editor or readOnly |
collaborators | Array | ✓ | List of collaborators that can be selected |
collaboratorIds | Array | List of selected collaborators | |
onCollaboratorLink | Function | Callback invoked whenever a collaborator get's added to the selection: ({id: string, collaboratorId: string}): void |
|
onCollaboratorUnlink | Function | Callback invoked whenever a collaborator get's removed from the selection: ({id: string, collaboratorId: string}): void |
import MultipleCollaboratorField from '@cmds/multiple-collaborator-field'
<MultipleCollaboratorField
id={'fld1'}
contextId={'recordGalleryCard'}
roleId={'readOnly'}
collaborators={[{
id: 'col1',
name: 'Luke Skywalker'
}, {
id: 'col2',
name: 'Leia Organa'
}]}
collaboratorIds={['col1']}
onCollaboratorLink={({id, collaboratorId}) => {
// do something
}}
onCollaboratorUnlink={({id, collaboratorId}) => {
// do something
}}
/>
More information
This component is designed and developed as part of Cosmos Design System.