Syntax Highlighting

The following is a code block with JavaScript language syntax highlighting.

import React from 'react';

Supports multiple languages.

The following is a code block with diff. Lines with + highlighted in green shade indicating an addition. Lines with - highlighted in red shade indicating a deletion.

- const data = ['1','2'];
+ const data = [1,2];

Live Editing example

javascript react-live=true <button className={'btn btn-default'}>Change my text</button>