@risklab / ui-react

@risklab/ui-react 是RiskLab推荐使用的React UI界面。

当你想要易于主题化、组合、 并在一个严肃的应用程序代码库中进行审查。

安装

npm install @risklab/ui-react

同行依赖性:

• react >= 18
• react-dom >= 18

快速启动

import "@risklab/ui-react/css";
import { Button, Card, Stack, TextField } from "@risklab/ui-react";

export function FiltersCard() {
  return (
    <Card>
      <Stack gap="12px">
        <TextField label="Search" placeholder="Find accounts" />
        <Button color="primary">Apply filters</Button>
      </Stack>
    </Card>
  );
}

设计系统配合

这个包使用CSS自定义属性作为它的令牌层，所以团队可以对齐 它使用现有的排版、间距、半径和颜色系统，而不需要书写 包装器包。

:root {
  --ui-color-primary: #0057d9;
  --ui-font-family: "Inter", sans-serif;
  --ui-radius-md: 6px;
}

在你的应用根目录附近导入共享的样式表：

import "@risklab/ui-react/css";