Vue for DTC
1.0
React for DTC
Anker design适配网页端的组件库,适合在 React/Next技术栈项目中使用。
安装
使用 pnpm 安装
推荐使用 pnpm 安装
pnpm install @anker-in/headless-ui
基础使用
推荐使用 Webpack 或 Rollup 等支持 tree-shaking 特性的构建工具,无需额外配置即可实现组件按需引入:
import {Button} from '@anker-in/headless-ui'
更改主题
由于原始样式基于 less 编写,需要自行处理 less 文件的编译(例如安装 less、less-loader)
import 'anker-in/headless-ui/esm/style/index.js'
如何在 Next.js 中使用
在 next.js 中并不支持引入 css 样式文件,而默认导入的 es 产物中会自动引入相应 css 文件导致项目报错,我们提供了一套无样式的组件库代码存放在 lib 目录下。
'use client' import {Button} from '@anker-in/headless-ui/lib'