logo

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'