Display Area

Render Jupyter notebook outputs in a trim little React component.

Installation

You may use whichever package manager (npm or yarn) best suits your workflow. The nteract team internally uses yarn.

npm install @nteract/display-area
# OR
yarn add @nteract/display-area

Usage

import { Display } from '@nteract/display-area'
<Display outputs={outputs} />

Here outputs is an Object with all the outputs of a cell. Note: this does require trim, clean editions of the multiline cells as is done in @nteract/commutable.

Used in context of a notebook, you will likely be extracting it from a cell:

<Display outputs={this.props.cell.outputs} />