TypingIndicatorStrings interface

String to use as delimiter to separate multiple users.

Example

<TypingIndicator
 strings={{ delimiter: ' + ' }}
 typingUsers={[
   { userId: 'user1', displayName: 'Claire' },
   { userId: 'user2', displayName: 'Chris' },
   { userId: 'user3', displayName: 'Jill' }
 ]}
/>

would be 'Claire + Chris + Jill are typing...'

String template to use when multiple users are typing. Placeholders: [users].

Example

<TypingIndicator
 strings={{ multipleUsers: '{users} are typing...' }}
 typingUsers={[
   { userId: 'user1', displayName: 'Claire' },
   { userId: 'user2', displayName: 'Christopher' }
 ]}
/>

would be 'Claire, Chris are typing...'

String template to use when multiple users are typing with one other user abbreviated. Placeholders: [users, numOthers].

Example

<TypingIndicator
 strings={{ multipleUsersAbbreviateMany: '{users} and {numOthers} others are typing...' }}
 typingUsers={[
   { userId: 'user1', displayName: 'Claire Romanov' },
   { userId: 'user2', displayName: 'Christopher Rutherford' },
   { userId: 'user3', displayName: 'Jill Vernblom' }
 ]}
/>

would be 'Claire Romanov and 2 others are typing...'

String template to use when multiple users are typing with one other user abbreviated. Placeholders: [users].

Example

<TypingIndicator
strings={{ multipleUsersAbbreviateOne: '{users} and 1 other are typing...' }}
typingUsers={[
{ userId: 'user1', displayName: 'Claire Romanov' },
{ userId: 'user2', displayName: 'Christopher Rutherford' }
]}
/>

would be 'Claire Romanov and 1 other are typing...'

String template to use when one user is typing. Placeholders: [user].

Example

<TypingIndicator
 strings={{ multipleUsersAbbreviateOne: '{users} is typing...' }}
 typingUsers={[{ userId: 'user1', displayName: 'Claire' }]}
/>

would be 'Claire is typing...'