Skip to content
14paxton edited this page Aug 10, 2023 · 2 revisions

title: String
permalink: ReactNotes/String
category: ReactNotes
parent: ReactNotes
layout: default
has_children: false
share: true
shortRepo:

  • reactnotes
  • default


Table of contents {: .text-delta } 1. TOC {:toc}



Text Manipulation

keep white space

        <FieldDescription style={{whiteSpace: 'pre-wrap'}}>      
    {`    -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

Clone this wiki locally