Installations

npm install @anker-in/headless-ui

Developer Guide

BETA

Typescript

Yes

Module System

CommonJS, ESM

Node Version

18.20.4

NPM Version

10.7.0 Score

35.8

Supply Chain

69.5

Quality

87.6

Maintenance

100

Vulnerability

99.3

License

Releases

Unable to fetch releases

Contributors

5

Download Statistics

Total Downloads

5,188

Last Day

1

Last Week

20

Last Month

60

Last Year

5,188

Bundle Size

151.70 kB

Minified

44.11 kB

Minified + Gzipped

Bundlephobia

Maintainers

5

Package Meta Information

Latest Version

0.0.26

Package Id

@anker-in/headless-ui@0.0.26

Unpacked Size

407.68 kB

Size

79.78 kB

File Count

217

NPM Version

10.7.0

Node Version

18.20.4

Publised On

12 Sept 2024

Total Downloads

Cumulative downloads

Total Downloads

5,188

Last day

0%

1

Compared to previous day

Last week

-37.5%

20

Compared to previous week

Last month

160.9%

60

Compared to previous month

Last year

0%

5,188

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

13

@radix-ui/react-checkbox @radix-ui/react-dialog @radix-ui/react-icons @radix-ui/react-popover @radix-ui/react-radio-group @radix-ui/react-slot @radix-ui/react-visually-hidden autoprefixer class-variance-authority clsx postcss tailwind-merge tailwindcss

Dev Dependencies

17

@babel/preset-env @babel/preset-react @babel/preset-typescript @testing-library/jest-dom @testing-library/react @types/jest @types/node babel-jest esbuild esbuild-style-plugin eslint-plugin-react-hooks eslint-plugin-require-extensions jest jest-environment-jsdom postcss-cli react-test-renderer stylelint

Versions

开发

CONTRIBUTING.md

使用方法

1npm install @anker-in/headless-ui
2

手动在html 标签添加主题名（anker, eufy, soundcore等）, 不同的主题名对应不同的css 变量，如果需要更新

1<html data-brand-theme="soundcore"></html>

如果是nextjs 项目，在_document.tsx文件的html标签添加主题名

然后就可以项目内引入需要的组件

1// 在项目入口添加样式文件，比如_app.js
2import '@anker-in/headless-ui/style.css'
3
4// 使用组件
5import { Button, Skeleton } from '@anker-in/headless-ui'
6
7// ...
8
9<Button size="lg" variant="primary">
10    Primary
11</Button>
12<Button size="sm" variant="secondary">
13    secondary
14</Button>
15
16<Skeleton className="w-[300px] h-[300px] rounded-full" />

No vulnerabilities found.

No security vulnerabilities found.