❤
npm
Sign UpSign In

react-ui5

0.1.7 • Public • Published

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'

Home Page (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 from 'react'
import {render} from 'react-dom'

import sap from 'react-ui5'

render((
  <sap.m.Shell>
    <sap.m.Page title='Page 1'>
      <sap.m.Button >
          To page 2
      </sap.m.Button>
    </sap.m.Page>
  <sap.m.Shell>
), document.getElementById('app'))

Sample

Supported Components

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

Master Detail Page

<TabContainer />

Table Container

Readme

Keywords

Package Sidebar

Install

npm i react-ui5

Repository

github.com/alessh/react-ui5

Homepage

www.github.com/alessh

Weekly Downloads

8

Version

0.1.7

License

MIT

Last publish

Collaborators

  • alessh
Try on RunKit
Report malware