Library

React Components / v9 (@fluentui/react-components)

System Info

any system

Are you reporting Accessibility issue?

no

Reproduction

v9 storybook

Bug Description

Actual Behavior

AvatarGroup strings have a simple replace method that transforms the default string and adds number to it.
This however does not allow a correct translation in languages that have different form of plurals depending on the amount

Expected Behavior

AvatarGroup should accept a callback to get the string, so that it can be used with standardized i18n libraries.

https://github.com/microsoft/fluentui/blob/master/packages/react-components/react-avatar/src/components/AvatarGroup/AvatarGroup.strings.tsx

Logs

No response

Requested priority

Blocking

Products/sites affected

No response

Are you willing to submit a PR to fix?

no

Validations

• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• The provided reproduction is a minimal reproducible example of the bug.