Zero-UI is an easy-to-use web UI component framework which includes a set of useful components.
Zero-UI supports mainframe browsers and IE10+. Some Zero-UI's components useflexboxlayout, so they may not display correctly in IE9.
Zero-UI doesn't have icons itself. We use font-awesome as icon solution. Since some components have font-awesome icons, you need to include font-awesome in your page. v4.7 is recommended. How to use Icons
Zero-UI's javascript components require jQuery. v3.0+ is recommended. Download jQuery3.2.1
Include zui.css and zui.js in your page.
Or use the production version: zui.min.css zui.min.js
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="your-path/font-awesome/css/font-awesome.css">
<link rel="stylesheet" href="your-path/zui.min.css">
<script src="your-path/jquery-3.2.1.min.js"></script>
<script src="your-path/zui.min.js"></script>
</head>
<body>...</body>
</html>Classes that represent the name of the components are with thez-prefix. However, additional classes e.g. color and size are not with thez-prefix.
Example:
<button class="z-btn green small">Primary</button>
<input type="text" class="z-input large round">
You can use Zero-UI in different languages.
Zero-UI now supports'en'and'zh-CN'. To add a new locale, use the flowing api:
Z.locales['your-locale'] = {
'OK': '...',
'Cancel': '...',
'Page': '...',
'Goto': '...'
};
Then, set Zero-UI's locale like this:
Z.locale = 'your-locale';