@actovos-consulting-group/ui-core 中文文档教程
二次元核心UI库。 我们的 ACG 工程团队用爱打造。 用于引导我们构建的大多数应用程序。
Install
npm i @actovos-consulting-group/ui-core
Setup
这个库需要 styled-components。 这个库建立在 styled-system 之上。
使用包含的 Provider 包装您的应用程序。
为了覆盖主题，请在您的项目中包含 theme.js 或 theme.ts。 开箱即用的浅色主题和深色主题。 传递 isDarkMode 以使用开箱即用的深色模式。
import MyTheme from './theme.js';
<Provider isDarkMode theme={MyTheme}>
</App>
</Provider>
Development
- Build ui-core
npm run build - Watch ui-core
npm run build -- --watch- This should automatically cause your consumer project to rebuild on changes. - Link ui-core
npm linkinui-coreroot - Link ui-core to consumer project with
npm link @actovos-consulting-group/ui-core
Docs
查看我们的Storybook，其中包含组件文档和可供探索的实时游乐场。
ACG core UI library. Built with love from our ACG Engineering team. Used to bootstrap most applications we build.
Install
npm i @actovos-consulting-group/ui-core
Setup
This library requires styled-components. This library is built on top of styled-system.
Wrap your application with the included Provider.
In order to override the theme include a theme.js or theme.ts in your project. There is both a light theme and dark theme out of the box. Pass isDarkMode to use Dark mode out of the box.
import MyTheme from './theme.js';
<Provider isDarkMode theme={MyTheme}>
</App>
</Provider>
Development
- Build ui-core
npm run build - Watch ui-core
npm run build -- --watch- This should automatically cause your consumer project to rebuild on changes. - Link ui-core
npm linkinui-coreroot - Link ui-core to consumer project with
npm link @actovos-consulting-group/ui-core
Docs
Checkout our Storybook which houses component documentation and a live playground to explore.
你可能也喜欢
- 3d-printer-controller 中文文档教程
- @0x30/vue-navigation 中文文档教程
- @10play/phoenix-table 中文文档教程
- @3scarecrow/vue-filter-table 中文文档教程
- @4geit/rct-notification-menu-store 中文文档教程
- @4react/localize 中文文档教程
- @aaa-ncnu/common-react-components 中文文档教程
- @aaronpowell/react-foldable 中文文档教程
- @abdul778/react-calendar-timeline 中文文档教程
- @acai/config 中文文档教程
