- 🌈 Enterprise-class UI designed for web applications.
- 📦 A set of high-quality React components out of the box.
- 🛡 Written in TypeScript with predictable static types.
- ⚙️ Whole package of design resources and development tools.
- 🌍 Internationalization support for dozens of languages.
- 🎨 Powerful theme customization in every detail.
npm install rockui
yarn add rockui
import { Button, Icon } from "rockui";
const App = () => (
<>
<Button
size={ButtonSize.Small}
autoFocus
onClick={e => {
e.preventDefault();
}}
className="btn"
>
hello
</Button>
<Icon icon="coffee" theme="warning" size="2x" />
</>
);
And import style manually:
import "rockui/dist/rockui.css";
rockui
is written in TypeScript with complete definitions
Use Gitpod, a free online dev environment for GitHub.
Or clone locally:
$ git clone https://github.com/s2265681/code/tree/master/React_Hook_UI/rockui
$ cd rockui
$ npm install
$ npm start
$ 修改注释 src/index.tsx 打包组件发布 >>> 页面展示
Open your browser and visit http://127.0.0.1:8001 , see more at Development.