BASE UI

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

Usage

Add baseui to your project:

# using yarn
yarn add baseui

# using npm
npm install baseui

import {LightTheme, ThemeProvider, styled} from 'baseui';
import {StatefulInput} from '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

• Creating custom themes
• Event handler usage
• Docs by Storybook

Contributing

Contributing

Big Thanks

Cross-browser Testing Platform and Open Source <3 Provided by Sauce Labs.