Currently baseui is under active development, and may not be ready for production use.

BASE UI

baseui is a design system comprised of modern, responsive, living components.

Usage

Add baseui to your project:

# using yarn
yarn add @uber/baseui

# using npm
npm install @uber/baseui

import {LightTheme, ThemeProvider, styled} from '@uber/baseui';
import {StatefulInput} from '@uber/baseui/input';

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

export default function Hello() {
  return (
    <ThemeProvider theme={LightTheme}>
      <Centered>
        <StatefulInput />
      </Centered>
    </ThemeProvider>
  );
}

Docs

Docs by Storybook

Contributing

Contributing