DefinitelyTyped/types/react-toggle/react-toggle-tests.tsx
2017-07-14 08:55:35 +09:00

38 lines
1007 B
TypeScript

import * as React from "react";
import { SyntheticEvent } from "react";
import Toggle, { ToggleIcons } from "react-toggle";
class Test extends React.Component {
handleEvent = (e: SyntheticEvent<HTMLInputElement>) => {};
render() {
const icons: ToggleIcons = {
checked : (<div />),
unchecked : (<div />),
};
return (
<div>
<Toggle
checked
defaultChecked
onChange={ this.handleEvent }
onFocus={ this.handleEvent }
onBlur={ this.handleEvent }
name="toggle"
value="value"
id="toggle"
icons={ icons }
aria-labelby="test"
aria-label="test"
disabled
/>
<Toggle
icons={ false }
/>
</div>
);
}
}