Commit fcf91787 authored by petrdsvoboda's avatar petrdsvoboda

Add interactive button

parent 3482bc31
import * as React from 'react'
import './App.css'
import ElementButton from './ElementButton'
class App extends React.Component {
public render() {
return (
<div className="App">
<div className="Toolbar">
<button className="Button">State</button>
<button className="Button">Transition</button>
<ElementButton label="State" />
<ElementButton label="Transition" />
<div className="Divider" />
<button className="Button">Import</button>
<button className="Button">Export</button>
......
import * as React from 'react'
interface Props {
label: string
}
function ElementButton(props: Props) {
function handleClick() {
console.log(props.label + ' click')
}
return (
<button className="Button" onClick={handleClick}>
{props.label}
</button>
)
}
export default ElementButton
......@@ -11,6 +11,7 @@
"ordered-imports": false,
"object-literal-sort-keys": false,
"no-console": false,
"curly": false
"curly": false,
"interface-name": false
}
}
\ No newline at end of file
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment