Deer-UI
Getting Started
ExampleIntroductionSupportGetting startedUsageLocal devReferencePossibility
Style
Layout
Utils
Components
Selector
Date Input
Data Display
Form Generator
Enhance-UI
Config
More

@deer-ui

基于 React 的,可扩展的 UI 库。

Support

  • 支持客户端渲染的 React 应用
  • 支持服务端渲染的 React 应用 (例如 Gatsby, Next)

Getting started

core

核心 UI 库

yarn add @deer-ui/core @mini-code/base-func unistore

enhance-ui

增强 UI 库

yarn add @deer-ui/enhance-ui @deer-ui/core @mini-code/base-func unistore

Usage

import React from 'react';
import ReactDOM from 'react-dom';
import { ShowModal, CloseModal } from '@deer-ui/core/modal';
import { Button } from '@deer-ui/core/button';
const handleClick = (e) => {
const ModalID = ShowModal({
title: 'Overlay',
elem: e,
children: (
<div>Content</div>
)
})
// CloseModal(ModalID)
}
const App = () => (
<Button onClick={handleClick}>
Overlay
</Button>
)
ReactDOM.render(<App />, document.querySelector('#Main'));

Local dev

git clone https://github.com/minimal-studio/deer-ui
cd deer-ui
yarn
yarn dev:doc

Reference

  • Online Doc
  • FormGenerator
  • CHANGELOG
  • Components Desc