You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
import React from 'react';
|
|
|
|
|
|
|
|
export default class Site extends React.Component {
|
|
|
|
render() {
|
|
|
|
return (
|
|
|
|
<div className="ui text container">
|
|
|
|
<div className="ui stackable two column grid">
|
|
|
|
<div className="one column row">
|
|
|
|
<div className="center aligned column">
|
|
|
|
<div className="ui basic segment">
|
|
|
|
<img className="ui left floated small image" src="http://criticalcontrol.com/wp-content/themes/cces/images/logo.png" />
|
|
|
|
<span className="ui medium header">LED Toggle Demo</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div className="column">
|
|
|
|
<div className="ui segment">
|
|
|
|
<div className="ui top attached label">Digital Out</div>
|
|
|
|
<div className="ui two column grid">
|
|
|
|
<div className="twelve wide column">
|
|
|
|
<div className="ui right pointing label">
|
|
|
|
DO1
|
|
|
|
</div>
|
|
|
|
<div className="ui buttons">
|
|
|
|
<button className="ui red button">On</button>
|
|
|
|
<button className="ui button">Off</button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div className="four wide right aligned column">
|
|
|
|
<i className="red idea big icon"></i>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|