Home Manual Reference Source
import HighlightText from 'cloudify-ui-new/basic/HighlightText.js'
public class | source

HighlightText

Extends:

react~Component → HighlightText

HighlightText component displays code with language-specific keyword highlighting

Supported languages

HighlightText is based of highlightJS and supports all major programming languages such as:

  • Java
  • JavaScript
  • PHP
  • C++
  • C#
  • Python
  • Bash

Access

Stage.Basic.HighlightText

Usage

HighlightText (JavaScript)

HighlightText

<HighlightText className="JavaScript" children={"if ( arguments.length == 0 ) \n   console.log('undefined');"}/>

HighlightText (Java)

HighlightText

<HighlightText className="Java" children={[
"public static final Short ERROR = 0x0001;\n",
"\n",
"public void moveTo(int x, int y, int z) {\n",
"   // Do something\n",
"   return\n",
"}"
]}/>

Static Member Summary

Static Public Members
public static

Static Public Members

public static propTypes: * source

Properties:

NameTypeAttributeDescription
children object[]
  • optional

Text to be displayed

className string
  • optional
  • default: ''

Language name (used for code highlighting)