@bioturing/assets v0.17.0

@bioturing/assets

BioTuring Design System assets, including icons, logos (React components), and fonts.

Installation

# Using npm
npm install @bioturing/assets

# Using yarn
yarn add @bioturing/assets

# Using pnpm
pnpm add @bioturing/assets

Usage

Icons

import { FileArrowRight, CaretRight, IntersectionPlot } from '@bioturing/assets';

function App() {
  return (
    <div>
      <FileArrowRight />
      <IntersectionPlot />
      <CaretRight />
    </div>
  );
}

Logos

import { BioTuring } from '@bioturing/assets/logos';

function App() {
  return (
    <div>
      <BioTuring />
    </div>
  );
}

Available Assets

Icons

The package includes both custom BioTuring icons and Phosphor icons:

• Custom icons for specialized BioTuring visualizations (ScatterPlotView, TissueImageView, etc.)
• Integration with Phosphor Icons library

Logos

Various BioTuring logos in different formats and variations.

Fonts

Access to the fonts used in BioTuring applications.

Requirements

• React 18.0.0 or higher
• React DOM 18.0.0 or higher

Documentation

For detailed documentation and examples, visit the BioTuring Design System documentation.

License

CC BY-NC-ND 4.0 © BioTuring