eConsult UI

This component library is intended for use within the eConsult product suite.

To include this library in your project run:

yarn add @econsult/econsult-ui

Import components and use like so:

// App.js

import React from 'react';
import { PrimaryCare, Icon } from '@econsult/econsult-ui';
import { Button } from '@econsult/econsult-ui/dist/components/Button';
import '@econsult/econsult-ui/dist/styles/fonts/fonts.css';

function App() {
  return (
    <div style={{ backgroundColor: styles.colorPrimaryPrimary100 }}>
      <Icon.DoneIcon />
      <Icon.IndeterminateCheckIcon />
      <Icon.ArrowRightIcon />
      <Icon.PlusIcon />
      <Icon.CloudDownloadIcon />
      <PrimaryCare.Button state="primary" iconType="plus">
        My cool button
      </PrimaryCare.Button>
      <PrimaryCare.Checkbox onChange={function noRefCheck(){}}>
        My cool checkbox
      </PrimaryCare.Checkbox>
      <Button state="secondary" />
    </div>
  );
}

export default App;

If you provide an incorrect type for a prop you will see an error in the console.