+
+ Extra Small toggle
+
+
+ Small toggle
+
+ Normal toggle
+
+ Large toggle
+
+
+ Extra Small toggle
+
+
+ Small toggle
+
+
+ Normal toggle
+
+
+ Large toggle
+
+
+);
+
+const tokens = (
+
+ Bibendum
+ Lorem
+ Dolor
+ Filter
+
+);
+
+const treeViews = (
+
+
+
+
+
+ Row 1
+
+
+
+
+ Row 2
+
+
+
+
+ Child 1
+
+
+
+
+ Child 2
+
+
+
+
+
+
+ Row 3
+
+
+
+
+ Child 1
+
+
+
+
+
+ Grandchild 1
+
+
+
+
+
+
+ Grandchild 2
+
+
+
+
+
+
+
+
+
+
+
+ Column Header 1
+ Column Header 2
+ Column Header 3
+ Column Header 4
+
+
+
+
+ Row 1
+ Data Col 2
+ Data Col 3
+ Data Col 4
+
+
+
+
+ Child 1
+ Data Col 2
+ Data Col 3
+ Data Col 4
+
+
+
+
+
+ Grandchild 1
+
+ Data Col 2
+ Data Col 3
+ Data Col 4
+
+
+
+
+
+ Great Grandchild 1
+
+
+ Data Col 2
+
+
+ Data Col 3
+
+
+ Data Col 4
+
+
+
+
+
+
+
+
+
+ Child 2
+ Data Col 2
+ Data Col 3
+ Data Col 4
+
+
+
+
+
+
+ Row 2
+ Data Col 2
+ Data Col 3
+ Data Col 4
+
+
+
+
+ Child 1
+ Data Col 2
+ Data Col 3
+ Data Col 4
+
+
+
+
+ Child 2
+ Data Col 2
+ Data Col 3
+ Data Col 4
+
+
+
+
+
+
+ Row 3
+ Data Col 2
+ Data Col 3
+ Data Col 4
+
+
+
+
+ Row 4
+ Data Col 2
+ Data Col 3
+ Data Col 4
+
+
+
+
+ Child 1
+ Data Col 2
+ Data Col 3
+ Data Col 4
+
+
+
+
+
+
+
+
+ Column Header 1
+ Column Header 2
+ Column Header 3
+ Column Header 4
+
+
+
+
+ Row 1
+
+
+
+
+
+
+ Google
+
+
+ Bing
+
+
+ Yahoo
+
+
+
+
+
+
+
+
+);
diff --git a/types/fundamental-react/index.d.ts b/types/fundamental-react/index.d.ts
new file mode 100644
index 0000000000..97a5aca9ac
--- /dev/null
+++ b/types/fundamental-react/index.d.ts
@@ -0,0 +1,62 @@
+// Type definitions for fundamental-react 0.5
+// Project: https://sap.github.io/fundamental-react
+// Definitions by: Frank Feinbube
+// Milan Proell
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
+
+export { default as ActionBar } from "./lib/ActionBar/ActionBar";
+export { default as Alert } from "./lib/Alert/Alert";
+export { default as Badge } from "./lib/Badge/Badge";
+export { default as Counter } from "./lib/Badge/Counter";
+export { default as Label } from "./lib/Badge/Label";
+export { default as Status } from "./lib/Badge/Status";
+export { default as Breadcrumb } from "./lib/Breadcrumb/Breadcrumb";
+export { default as Button } from "./lib/Button/Button";
+export { default as ButtonGroup } from "./lib/Button/ButtonGroup";
+export { default as Calendar } from "./lib/Calendar/Calendar";
+export { default as ComboboxInput } from "./lib/ComboboxInput/ComboboxInput";
+export { default as DatePicker } from "./lib/DatePicker/DatePicker";
+export { default as Dropdown } from "./lib/Dropdown/Dropdown";
+export { default as FormFieldset } from "./lib/Forms/FormFieldset";
+export { default as FormInput } from "./lib/Forms/FormInput";
+export { default as FormItem } from "./lib/Forms/FormItem";
+export { default as FormLabel } from "./lib/Forms/FormLabel";
+export { default as FormLegend } from "./lib/Forms/FormLegend";
+export { default as FormMessage } from "./lib/Forms/FormMessage";
+export { default as FormRadioGroup } from "./lib/Forms/FormRadioGroup";
+export { default as FormRadioItem } from "./lib/Forms/FormRadioItem";
+export { default as FormSelect } from "./lib/Forms/FormSelect";
+export { default as FormSet } from "./lib/Forms/FormSet";
+export { default as FormTextarea } from "./lib/Forms/FormTextarea";
+export { default as Icon } from "./lib/Icon/Icon";
+export { default as Identifier } from "./lib/Identifier/Identifier";
+export { default as Image } from "./lib/Image/Image";
+export { default as InlineHelp } from "./lib/InlineHelp/InlineHelp";
+export { default as FormGroup } from "./lib/InputGroup/FormGroup";
+export { default as InputGroup } from "./lib/InputGroup/InputGroup";
+export { default as ListGroup } from "./lib/ListGroup/ListGroup";
+export {
+ default as LocalizationEditor
+} from "./lib/LocalizationEditor/LocalizationEditor";
+export { default as Menu } from "./lib/Menu/Menu";
+export { default as Modal } from "./lib/Modal/Modal";
+export { default as MultiInput } from "./lib/MultiInput/MultiInput";
+export { default as Pagination } from "./lib/Pagination/Pagination";
+export { default as Panel } from "./lib/Panel/Panel";
+export { default as PanelGrid } from "./lib/Panel/PanelGrid";
+export { default as Popover } from "./lib/Popover/Popover";
+export { default as SearchInput } from "./lib/SearchInput/SearchInput";
+export { default as Shellbar } from "./lib/Shellbar/Shellbar";
+export { default as SideNav } from "./lib/SideNavigation/SideNav";
+export { default as Table } from "./lib/Table/Table";
+export { default as Tab } from "./lib/Tabs/Tab";
+export { default as TabGroup } from "./lib/Tabs/TabGroup";
+export { default as ProductTile } from "./lib/Tile/ProductTile";
+export { default as Tile } from "./lib/Tile/Tile";
+export { default as TileGrid } from "./lib/Tile/TileGrid";
+export { default as Time } from "./lib/Time/Time";
+export { default as TimePicker } from "./lib/TimePicker/TimePicker";
+export { default as Toggle } from "./lib/Toggle/Toggle";
+export { default as Token } from "./lib/Token/Token";
+export { default as TreeView } from "./lib/TreeView/TreeView";
diff --git a/types/fundamental-react/lib/ActionBar/ActionBar.d.ts b/types/fundamental-react/lib/ActionBar/ActionBar.d.ts
new file mode 100644
index 0000000000..a880733e24
--- /dev/null
+++ b/types/fundamental-react/lib/ActionBar/ActionBar.d.ts
@@ -0,0 +1,39 @@
+import * as React from "react";
+
+export type ActionBarProps = {
+ className?: string;
+ /* Set to **true** for mobile view of the Action Bar.*/
+ mobile?: boolean;
+ /* The width of the Action Bar in mobile view. */
+ width?: string;
+} & { [x: string]: any };
+
+export type ActionBarActionsProps = {
+ className?: string;
+} & { [x: string]: any };
+
+export type ActionBarBackProps = {
+ onClick?: (event: React.MouseEvent) => void;
+ className?: string;
+ buttonProps?: { [x: string]: any };
+} & { [x: string]: any };
+
+export type ActionBarHeaderProps = {
+ title: string;
+ className?: string;
+ /* Localized text for the description. */
+ description?: string;
+ /* Additional props to be spread to the description's `