biotech-dev-components

BioTech.dev is a JavaScript UI library built for the BioTech sector.

• Offical website: https://www.biotech.dev
• Licensing & Pricing: https://www.biotech.dev/pricing
• Request a new component: https://github.com/joshbenhamou/biotech-dev/issues/new
• Issues: https://github.com/joshbenhamou/biotech-dev/issues

Usage

⚙️ Components

All documentation can be found at https://www.biotech.dev/documentation

📦 Install

npm install biotech-dev-components

yarn add biotech-dev-components

🏗️ Example

import { ImageViewer } from 'biotech-dev-components';

const App = () => (
  <ImageViewer
    images={[{ url: image1, alt: 'Cell 1', caption: 'Cell 1' }]}
    magnifierEnabled
    toolbarConfiguration={{
      getToolbarContent(imageIndex: number) {
        return (
          <Space direction="vertical" style={{ width: '100%' }}>
            <Row style={{ fontWeight: 'bold' }}>ImageIndex: {imageIndex}</Row>
            <Row align="middle" justify="space-between" gutter={10}>
              Pass QC
              <Switch />
            </Row>
          </Space>
        );
      },
    }}
  />
);

Development

biotech-dev-components is written in TypeScript with importable definitions. To start developing locally, clone the repo and run yarn storybook