Added option to wrap lines in EuiCodeBlock

CHANGELOG.md

@@ -1,5 +1,6 @@
 ## [`master`](https://github.com/elastic/eui/tree/master)
 
+- Added `wrapLines` prop to `EuiCodeBlock` ([#3009](https://github.com/elastic/eui/pull/3009))
 - Updated `EuiFilterSelect` to retain the order of its filters ([#3063](https://github.com/elastic/eui/pull/3063))
 - Added `href` prop to `EuiBadge` ([#3009](https://github.com/elastic/eui/pull/3009))
 - Added props descriptions for `EuiComboBox` ([#3007](https://github.com/elastic/eui/pull/3007))

src/components/code/_code_block.tsx

@@ -55,6 +55,10 @@ interface Props {
   overflowHeight?: number;
   paddingSize: PaddingSize;
   transparentBackground: boolean;
+  /**
+   * specify how white-space inside the element is handled
+   */
+  wrapLines?: 'nowrap' | 'normal' | 'pre';
 }
 
 interface State {
@@ -152,6 +156,7 @@ export class EuiCodeBlockImpl extends Component<Props, State> {
       paddingSize,
       transparentBackground,
       isCopyable,
+      wrapLines,
       ...otherProps
     } = this.props;
 
@@ -175,6 +180,10 @@ export class EuiCodeBlockImpl extends Component<Props, State> {
       optionalStyles.maxHeight = overflowHeight;
     }
 
+    if (wrapLines) {
+      optionalStyles.whiteSpace = wrapLines;
+    }
+
     const codeSnippet = (
       <code
         ref={ref => {