ibd-ui-component-library v1.1.2-dev

ibd-ui-component-library

IDB react UI components

Features

• ES6 syntax, managed with Prettier + Eslint
• Typescript
• React 17

Install

yarn add ibd-ui-component-library
// or
npm i ibd-ui-component-library

Requirements

• React 17
• styled-components

Usage

import { SearchPicker } from "ibd-ui-component-library";
import ReactDom from "react-dom";
import { App } from "./App";

ReactDom.render(
  <App>
    <SearchPicker
      locked={readOnly}
      placeholder="Select Wolfsberg Questionnaire Countries"
      leftButtonProps={{
        label: 'Cancel'
      }}
      rightButtonProps={{
        label: 'Ok'
      }}
      defaultValue={defaultCountries}
      multiple
      label="Wolfsberg Questionnaire Countries"
      name={wolfsbergQuestionnaireCountries}
      options={countriesAsOptions}
      onSelect={(selected) => {
        const selectedValue = selected.map((s) => s.value);
        handleOnChange(wolfsbergQuestionnaireCountries, selectedValue);
      }}
      icon={null}
    />
  </App>,
  document.getElementById("root")
);