English | 简体中文

Modo Mobile

A mobile UI toolkit, based on React

Features

• Configurable UI style for different products.
• Develop in TypeScript.

Demo

mobile web demo

Installation & Usage

Installation

npm install modo-mobile --save
 
yarn add modo-mobile

Import

• Use babel-plugin-import (Recommended)

import { Icon } from 'modo-mobile';

import Icon from 'modo-mobile/lib/icon'; // for JS
import 'modo-mobile/lib/icon/style/css'; // for CSS
// import 'modo-mobile/lib/icon/style';         // that will import less

CDN

<link rel="stylesheet" href="https://unpkg.com/modo-mobile/dist/modo-mobile.min.css">
 
<!-- window['modo-mobile'] -->
<script src="https://unpkg.com/modo-mobile/dist/modo-mobile.min.js"></script>

Usage

Select the components you need to build your webapp. Find more details in Quick Start.

Development

git clone git@github.com:tdida/modo-mobile.git
cd modo-mobile
npm install
npm run start

Open your browser and visit http://127.0.0.1:8000、http://127.0.0.1:8001. Find more details in Development Guide.

Contributing

Welcome to contribute by creating issues or sending pull requests. See Contributing Guide for guidelines.

License

Mand Mobile is licensed under the Apache License 2.0. See the LICENSE file.