p5.js-web-editor/client/modules/IDE/components/TextOutput.jsx
Mathura MG ced885d03f Add multiple canvas text outputs (#197)
* added grid

* add table to textoutput

* add all three outputs

* add shortcuts

* fix sound bug for triangle

* fix triangle bug - again
2016-11-12 11:53:02 -05:00

46 lines
1,011 B
JavaScript

import React from 'react';
class TextOutput extends React.Component {
componentDidMount() {
this.refs.canvasTextOutput.focus();
}
render() {
return (
<section
className="text-output"
id="canvas-sub"
ref="canvasTextOutput"
tabIndex="0"
aria-label="text-output"
title="canvas text output"
>
<h2> Output </h2>
<section id="textOutput-content">
</section>
<p
tabIndex="0"
role="main"
id="textOutput-content-summary"
aria-label="text output summary"
>
</p>
<table
tabIndex="0"
role="main"
id="textOutput-content-table"
aria-label="text output details"
>
</table>
<div
tabIndex="0"
role="main"
id="textOutput-content-details"
aria-label="text output details"
>
</div>
</section>
);
}
}
export default TextOutput;