Quick Start

基于 Tailwindcss 的一个 React 组件库. 参考 shadcn-ui 实现. 目前只提供 ES 模块

1. 安装依赖

pnpm
npm
pnpm add @shilong/react

2. 加载主题样式

index.tsx
1import { StrictMode } from 'react'
2import { createRoot } from 'react-dom/client'
3import { App } from './App.tsx'
4import './style.css'
5import '@shilong/ui/style.css'
6
7createRoot(document.querySelector('#app')!).render(
8  <StrictMode>
9    <App />
10  </StrictMode>,
11)
Tailwindcss Preflight 重复如何处理?

因为默认主题中包含了 Tailwindcss Preflight 的样式. 因此当你自身项目也在使用 Tailwindcss 的时候,可以注释或者去掉 默认的重置样式。

index.css
1@layer theme, base, components, utilities;
2
3@import 'tailwindcss/theme.css' layer(theme);
4/* @import 'tailwindcss/preflight.css' layer(base); */
5@import 'tailwindcss/utilities.css' layer(utilities);

3. 使用

Loading...