Base Web React Components
- [Documentation](https://baseweb.design)
- [Component catalog](https://baseweb.design/ladle)
- [Stackblitz playground](https://baseweb.design/new)
⚠️ **Maintenance status**. We are limiting our engagement with this repository while still mirroring our internal development. For more details, please check [Open Source Engagement and Future](https://baseweb.design/blog/open-source-engagement/). If you are an Uber developer and looking to open an issue, use this [link](https://t.uber.com/ui-platform-bug-2) or [contribute](https://p.uber.com/base-code).
**Base** is a design system comprised of modern, responsive, living components. Base Web is the React implementation of Base.
## Usage
On npm, you can find Base Web as `baseui`.
Add `baseui` and its peer dependencies to your project:
```bash
# using pnpm
pnpm add baseui@next styletron-react styletron-engine-monolithic
# using npm
npm install baseui@next styletron-react styletron-engine-monolithic
```
```javascript
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 (
);
}
```
Both Base Web and Styletron come with [TypeScript](https://www.typescriptlang.org/index.html).
## Docs
To read the documentation, please visit [baseweb.design](https://baseweb.design). To preview more component examples, please visit [baseweb.design/ladle](https://baseweb.design/ladle).