[slider] Provide translateWithId

[kccox]

Summary

The Slider component should have a translateWithId property used to localize the slider tootips, similar to that provided for Dropdown, MultiSelect, NumberInput, and others. This would primarily be development as the design should be similar to that of the other components.

Justification

The Slider component displays tooltips for some error conditions. Customers need the tooltip messages to be localized.

Desired UX and success metrics

When the user hovers over the slider and a tooltip is displayed, the message should use the language of the browser's locale setting.

"Must have" functionality

There are at least four slider tooltips:

• "Please select a value that is no less than MIN" when the value is less than the slider minimum
• "Please select a value that is no more than MAX" when the value is more than the slider maximum
• "Please select a valid value. The two nearest values are V1 and V2" when the value does not match the slider's step constraint
• "Please enter a number" when the value is non-numeric.

It should be possible to localize all of these, preferably with the same translateWithId function interface that other components provide. Also, if any other tooltips are used by the slider, it should be possible to localize them with the same mechanism.

The MIN, MAX, V1, and V2 values are message parameters. If that is difficult to support with the translateWithId function, it would be acceptable to omit the parameters and use a more general message such as "Please select a value within the range of the slider".

Specific timeline issues / requests

There is no specific timeline for completion.

Available extra resources

I can not give any resources to this effort at this time.

[dakahn]

Thank you for submitting 👍 Added to our proposal backlog. Check back here for updates soon.

[vpicone]

This looks like something we'd definitely want to implement consistently between components in v11.