File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change 11# @shilong/UI
22
3- React Component base on ` Tailwindcss ` . Reference from ` shadcn-ui ` . Usage Please see [ document] ( https://onlylonger.github.io/react )
3+ React Component base on ` vanilla-extract ` . Reference from ` shadcn-ui ` . Usage Please see [ document] ( https://onlylonger.github.io/react )
Original file line number Diff line number Diff line change 11# Quick Start
22
3- 基于 ` Tailwindcss ` 的一个 ` React ` 组件库. 参考 ` shadcn-ui ` 实现. 目前只提供 ` ES ` 模块
3+ 基于 ` vanilla-extract ` 的一个 ` React ` 组件库. 参考 ` shadcn-ui ` 实现. 目前只提供 ` ES ` 模块
44
55## 1. 安装依赖
66
@@ -29,20 +29,6 @@ createRoot(document.querySelector('#app')!).render(
2929)
3030```
3131
32- :::details Tailwindcss Preflight 重复如何处理?
33-
34- 因为默认主题中包含了 ` Tailwindcss Preflight ` 的样式. 因此当你自身项目也在使用 ` Tailwindcss ` 的时候,可以注释或者去掉 默认的重置样式。
35-
36- ``` css "title="index.css"" {4}
37- @layer theme, base, components, utilities;
38-
39- @import ' tailwindcss/theme.css' layer(theme);
40- /* @import 'tailwindcss/preflight.css' layer(base); */
41- @import ' tailwindcss/utilities.css' layer(utilities);
42- ```
43-
44- :::
45-
4632import { Button } from ' @shilong/react'
4733
4834## 3. 使用 <Button variant = ' link' ><a href = " /react/components/button" >查看文档</a ></Button >
You can’t perform that action at this time.
0 commit comments