UpperCase in a textfield

[LostButFound]

I can't seem to find how you make what's typed into a textfield uppercase. Any help appreciated.

[Valentyna (ValentinaKozlova)]

Could you please add more details? What component you use and ideally with a link on a stackblitz.

[Tudor Popa (tudorpopams)]

The FluentUI TextField component itself does not provide a direct prop or built-in feature to transform the text to uppercase. However, you can achieve uppercase text inside a TextField by applying the text-transform css property to the input element:

.uppercaseInput input {
  text-transform: uppercase;
}

Then use this class in your TextField component:

<TextField className="uppercaseInput" label="Uppercase Text" />