0

I want to set the textToSpeechValue, selectedTakes, selectedZoneGroups, selectedPriority, selectedPlayCount, selectedRepInterval inside the react Material TextField to strong. The t() function is only to translate some literals and the conditions is only to decide when to show ' in ', you can ignore them if you want.

I would like to my final result was something like this Play Hello World in Cuba whit Low Priority Play Count 3 Repeat Interval 8.

This is my code so far whit no strong fonts obviously.

             <TextField
              className={classes.textFieldSummay}
              id='outlined-multiline-static'
              label={t('Summary')}
              multiline
              rows={10}
              defaultValue=''
              fullWidth={true}
              InputProps={{
                readOnly: true
              }}
              value={
                t('Play') + ' ' +
                textToSpeechValue +
                selectedTakes +
                (selectedZoneGroups.length > 0 ? ' ' + t('in') + ' ' + selectedTakes : '') +
                ' ' + t('with') + ' ' +
                selectedPriority +
                ' ' + t('Play Count') + ' ' +
                selectedPlayCount +
                ' ' + t('Repeat Interval') + ' ' +
                selectedRepInterval
              }
            />
KamiSama
  • 21
  • 3
  • 1
    What is this `` component? Does it support rich text in the first place? – David Aug 29 '23 at 13:17
  • is a component of react material – KamiSama Aug 29 '23 at 13:48
  • https://stackoverflow.com/questions/73816985/rich-textfield-in-material-ui – Konrad Aug 29 '23 at 13:53
  • @KamiSama: [This one](https://mui.com/material-ui/react-text-field/)? Have you checked the vendor's documentation and examples to see if it supports rich text and how to use that? What did you find? At a glance, I see no mention of such support. Which implies to me that you may need to find a different component (or create one). – David Aug 29 '23 at 13:59

0 Answers0