/react-ui5

A react based implementation of the SAP OpenUI5 framework

Primary LanguageJavaScriptOtherNOASSERTION

React UI5

NPM

Travis npm package Coveralls

A react based implementation of the SAP OpenUI5 framework (https://openui5.hana.ondemand.com).

###Installation

npm install react-ui5 --save

###Use

import sap from 'react-ui5'

###index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>React-UI5 App</title>
  </head>
  <body>
    <div id="app"></div>
  </body>
</html>

###App.js

import React, { Component } from 'react';

import sap from 'react-ui5'

class App extends Component {
  render() {
    return (
      <sap.m.Shell>
        <sap.m.Page title="Page Demo" >
          <sap.m.Button>To Page 2</sap.m.Button>
        </sap.m.Page>

      </sap.m.Shell>
    );
  }
}

export default App;

###Demo Sample

###Supported Components

component methods progress
Shell 90%
Page title 80%
Button 50%
TabContainer 40%
SplitContainer 30%
TabSplit 20%

###SplitContainer

<SplitContainer />

Master Detail Page ###TabContainer

<TabContainer />

Table Container