hv-baseweb

2.28.0 • Public • Published

HV 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

# using yarn
yarn add hv-baseweb

# using npm
npm install hv-baseweb

# to publish 
npm publish
import {Styletron} from 'hv-baseweb';
import {StyletronProvider} from 'hv-baseweb';
import {HvTheme, BaseProvider, styled} from 'hv-baseweb';
import {StatefulInput} from 'hv-baseweb';

const engine = new Styletron();

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

export default function Hello () {
  return (
    <StyletronProvider value={engine}>
      <BaseProvider theme={HvTheme}>
        <Centered>
          <StatefulInput />
        </Centered>
      </BaseProvider>
    </StyletronProvider>
  );
}

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

Example

An example of an application using Base Web can be found here. You can also check how it works on CodeSandbox.

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.

Readme

Keywords

none

Package Sidebar

Install

npm i hv-baseweb

Weekly Downloads

111

Version

2.28.0

License

MIT

Unpacked Size

1.01 MB

Total Files

6

Last publish

Collaborators

  • jokubo
  • rafikrafael
  • sladjans
  • hvphils
  • kosm12