English | 简体中文
A mobile UI toolkit, based on React
Open your browser and visit http://127.0.0.1:8000、http://127.0.0.1:8001. Find more details in Development Guide.
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.