A React Component library implementing the Base design language
Base is a design system comprised of modern, responsive, living components. Base Web is the React implementation of Base.
On npm, you can find Base Web as
baseui.
Add
baseuiand its peer dependencies to your project:
# using yarn yarn add baseui styletron-react styletron-engine-atomicusing 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
To read the documentation, please visit baseweb.design.
Big thanks to BrowserStack for letting the maintainers use their service to debug browser issues.