Morpheus UI

React components that implement Mainframe Designs.

Installation

Morpheus-UI is available as an npm package.

You'll need to install @morpheus-ui/fonts and react-native-web as dependencies

// with npm
npm install react-native-web @morpheus-ui/fonts @morpheus-ui/core

// with yarn
yarn add react-native-web @morpheus-ui/fonts @morpheus-ui/core

Usage

Here is a quick example to get you started, it's all you need:

import React from 'react'
import ReactDOM from 'react-dom'
import { Button } from '@morpheus-ui/core'

//Import the fonts in your root component
import '@morpheus-ui/fonts'

function App() {
  return <Button title="Hello World" />
}

ReactDOM.render(<App />, document.querySelector('#app'))

Documentation

Available Components

• Text
• Row
• Column
• Button
• TextField

License

This project is licensed under the terms of the MIT license.