baseweb

by uber

uber / baseweb

A React Component library implementing the Base design language

5.5K Stars 500 Forks Last release: 5 days ago (v9.103.0) Other 2.6K Commits 322 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

Base Web React Components

Build status

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:
# using yarn
yarn add baseui styletron-react styletron-engine-atomic

using npm

npm install baseui styletron-react styletron-engine-atomic

import {Client as Styletron} from 'styletron-engine-atomic';
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 flow types and TypeScript. All our components are typed and examples have Vanilla, Flow and TypeScript versions. For Styletron + TS, you need to add some additional packages:

yarn add @types/styletron-standard @types/styletron-react @types/styletron-engine-atomic

Docs

To read the documentation, please visit baseweb.design.

Contributing

Contributing

Shoutouts ๐Ÿ™

BrowserStack Logo

Big thanks to BrowserStack for letting the maintainers use their service to debug browser issues.

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.