adarchitecture-ui

An enterprise-class UI design language and React-based implementation

Usage no npm install needed!

<script type="module">
  import adarchitectureUi from 'https://cdn.skypack.dev/adarchitecture-ui';
</script>

README

adarchitecture-ui

An enterprise UI framework and react-based implementation.

Features

  • Extracted from the interactive language and visual style of enterprise-level medium and backstage products.
  • 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

Install

npm install adarchitecture-ui --save

Usage

import { DatePicker } from 'adarchitecture-ui';
import { Table } from 'adarchitecture-ui/pro';
ReactDOM.render(<><DatePicker /><Table /><>, mountNode);

And import style manually:

import 'adarchitecture-ui/dist/adarchitecture-ui.css'; // or 'adarchitecture-ui/dist/adarchitecture-ui.less'
import 'adarchitecture-ui/dist/adarchitecture-ui-pro.css'; // or 'adarchitecture-ui/dist/adarchitecture-ui-pro.less'

Or import components on demand

TypeScript

See Used in TypeScript

Internationalization

See i18n.

Links

Local Development

$ git clone https://github.com/adarchitecture/adarchitecture-ui.git
$ cd adarchitecture-ui
$ npm install
$ npm start

Deployment

$ npm run deploy

publish

$ npm run pub

Open your browser and visit http://127.0.0.1:8001 , see more at https://adarchitecture.github.io/adarchitecture-ui/en/tutorials/introduction .