Table of contents
  1. Text Manipulation
    1. keep space
    2. add formatting to component
    3. dynamic internationalized component
    4. Dynamic tooltip



Text Manipulation

keep space

<FieldDescription style=>
    {`    -Choose one or more of these options      
              CLIENT_ADMIN / RESULT_VIEWER / INTERVIEWER / REQUESTOR /      
              SCHEDULER / CLIENT_ADMIN / RESEARCH / COACH / ORDER_MANAGER /      
              TADMIN `}
    <br/>
</FieldDescription>

add formatting to component

const createThemeToolTip = (themeSummary, significance) => {
    return significance
           ? (<>
                {" "}
                {themeSummary}.<i>
                <FormattedMessage id="theme.significance.tooltip.label"/>
            </i>
            </>)
           : (themeSummary);
};

dynamic internationalized component

Dynamic tooltip