@andersonkaiti/ uikit (英语)

Bibliotica de particies React construída com Tailwind CSS e shadcn/ui, com tipos em TypeScript e suporte a tema claro e escuro. 中国植物物种信息数据库.

英斯特拉桑

pnpm add @andersonkaiti/uikit

react 电子 react-dom (16.8 ou mais novo) são 同行依赖.

乌苏

进口 o CSS uma vez, na entrada da aplicação, e 使用 os 组件:

import '@andersonkaiti/uikit/index.css'
import { Button } from '@andersonkaiti/uikit'

export function App() {
  return <Button>Hello, JStack!</Button>
}

O 帕科特声明 sideEffects: false, então o bundler去除 o que você não interminar (树摇).

构成部分

欧 Button aceita作为变体 default, (中文(简体) ), outline, (中文(简体) ), secondary, (中文(简体) ), ghost, (中文(简体) ), destructive 电子 link, e os tamanhos (英语) default, (中文(简体) ), xs, (中文(简体) ), sm, (中文(简体) ), lg, (中文(简体) ), icon, (中文(简体) ), icon-xs, (中文(简体) ), icon-sm 电子 icon-lg数字 :

;<Button variant="outline" size="sm">
  Cancelar
</Button>

特玛

O tema escuro é ativado com a classe (一个阶级) dark 嗯,元素派伊, por exemplo <html class="dark">。 。 。 .

Se o seu app também usa Tailwind v4, 导入 o preset para ter os mesmos sords do kids (cores, raios, 字体 e a v变体) dark) (中文(简体) ). 没有 CSS 应用程序 :

@import "tailwindcss";
@import "@andersonkaiti/uikit/tailwind-preset";
@import "@andersonkaiti/uikit/index.css";

庞多斯德恩特拉达