
YG Design
An enterprise-class UI design language and React implementation.

English | 简体中文
✨ Features
- An enterprise-class UI design system for web applications.
- A set of high-quality React components out of the box.
- Written in TypeScript with predictable static types.
- The whole package of development and design resources and tools.
🖥 Environment Support
- Modern browsers and Internet Explorer 9+ (with polyfills)
- Server-side Rendering
- Electron
 IE / Edge |  Firefox |  Chrome |  Safari |  Opera |  Electron |
---|
IE9, IE10, IE11, Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
📦 Install
npm install ygd
yarn add ygd
🔨 Usage
import { DatePicker } from 'ygd';
ReactDOM.render(<DatePicker />, mountNode);
And import style manually:
import 'ygd/dist/ygd.css';
Or import components on demand.
TypeScript
See Use in TypeScript.
🌍 Internationalization
See i18n.
🔗 Links
⌨️ Development
Use Gitpod, a free online dev environment for GitHub.

Or clone locally:
$ git clone git@git.ennew.alpha:front-end/ygyg-design.git
$ cd ygyg-design
$ npm install
$ npm start
Open your browser and visit http://127.0.0.1:8001 , see more at Development.
🤝 Contributing 
Read our contributing guide and let's build a better ygd together.
We welcome all contributions.
border-box
menu/style/index.less 保持右侧导航
select/style/index.less
contentbox
layout layout/style/index.less
date-picker/style/TimePicker.less
pagnation pagination/style/index.less
upload/style/index.less
time-picker/style/index.less
switch/style/index.less
carousel/style/index.less
table/style/index.less
grid/style/mixin.less
grid/style/index.less
form/style/mixin.less