mirror of
https://github.com/gosticks/DefinitelyTyped.git
synced 2025-10-16 12:05:41 +00:00
28 lines
1.2 KiB
TypeScript
28 lines
1.2 KiB
TypeScript
/// <reference path="react-tabs.d.ts" />
|
|
/// <reference path="../react/react.d.ts" />
|
|
/// <reference path="../react/react-dom.d.ts" />
|
|
|
|
import React = require("react");
|
|
import ReactDOM = require("react-dom");
|
|
import { Tabs, TabList, Tab, TabPanel } from "react-tabs";
|
|
|
|
class TestApp extends React.Component<{}, {}> {
|
|
onSelect = (index: number, last: number) => {
|
|
console.log("selected tab: " + index.toString());
|
|
console.log("last tab: " + last.toString());
|
|
}
|
|
|
|
render() {
|
|
return React.createElement(Tabs, {onSelect: this.onSelect, selectedIndex: 1},
|
|
React.createElement(TabList, {className: "test-class"},
|
|
React.createElement(Tab, {}, "Tab1"),
|
|
React.createElement(Tab, {}, "Tab2"),
|
|
React.createElement(Tab, {}, "Tab3")),
|
|
React.createElement(TabPanel, {}, React.createElement("h2", {}, "Content1")),
|
|
React.createElement(TabPanel, {}, React.createElement("h2", {}, "Content2")),
|
|
React.createElement(TabPanel, {}, React.createElement("h2", {}, "Content3")));
|
|
}
|
|
}
|
|
|
|
ReactDOM.render(React.createElement(TestApp, {}), document.getElementById("test-app"));
|