baseweb

<h1>Base Web React 组件</h1>

• 文档
• 组件目录
• Stackblitz 在线试用

⚠️ 维护状态。我们正在限制对这个仓库的参与，同时仍然镜像我们的内部开发。更多详情，请查看开源参与和未来。如果你是 Uber 的开发者并想提出问题，请使用这个链接或贡献代码。

Base 是一个由现代、响应式、活跃组件组成的设计系统。Base Web 是 Base 的 React 实现。

<p align="center"> <a href="https://baseweb.design"> <img width="500px" src="https://i.imgur.com/UaRZdTq.png"> </a> </p>

使用方法

在 npm 上，你可以找到名为 baseui 的 Base Web。

将 baseui 及其对等依赖添加到你的项目中：

# 使用 pnpm
pnpm add baseui@next styletron-react styletron-engine-monolithic

# 使用 npm
npm install baseui@next styletron-react styletron-engine-monolithic

import { Client as Styletron } from "styletron-engine-monolithic";
import { Provider as StyletronProvider } from "styletron-react";
import { LightTheme, BaseProvider, styled } from "baseui";
import { StatefulInput } from "baseui/input";

const engine = new Styletron();

const Centered = styled("div", {
  display: "flex",
  justifyContent: "center",
  alignItems: "center",
  height: "100%",
});

export default function Hello() {
  return (
    <StyletronProvider value={engine}>
      <BaseProvider theme={LightTheme}>
        <Centered>
          <StatefulInput />
        </Centered>
      </BaseProvider>
    </StyletronProvider>
  );
}

Base Web 和 Styletron 都支持 TypeScript。

文档

要阅读文档，请访问 baseweb.design。要预览更多组件示例，请访问 baseweb.design/ladle。