We are trying to implement a text area similar to below where in in a single sentence, there are multiple placeholders. We are using react for this. Is it possible to achieve below result using any controls?
I was able to find multiple resources where we can add “multiline” watermark/placeholders. But here, we need it at multiple places within the same line/paragraph.

I have this example that I took from React Fluent UI: https://stackblitz.com/edit/fahztj?file=src%2Fexample.tsx.

If you use a Input component inside a DataGridHeaderCell component, you cannot type ‘spaces’. If you remove the wrapping DataGridHeaderCell it works.