@bioturing/components v0.19.0

@bioturing/components

A comprehensive UI component library for BioTuring applications built with React and Ant Design.

Installation

# Using npm
npm install @bioturing/components

# Using yarn
yarn add @bioturing/components

# Using pnpm
pnpm add @bioturing/components

Usage

import { Button } from '@bioturing/components';
import '@bioturing/components/style.css';

function App() {
  return (
    <Button type="primary">Hello BioTuring</Button>
  );
}

Available Components

The package provides the following components:

• Badge
• Breadcrumb
• Button
• Checkbox
• CodeBlock
• Collapse
• DropdownMenu
• Empty
• Field
• Form
• Input
• Popover
• Radio
• ScrollArea
• Slider
• Spin
• Switch
• Tag
• Tooltip
• Upload
• VerticalCollapsiblePanel
• And more...

Each component can be imported individually:

import { Button } from '@bioturing/components/Button';

Styles

The package includes two CSS files:

// Main component styles
import '@bioturing/components/style.css';

// Tailwind utilities
import '@bioturing/components/tailwind.css';

Requirements

• React 18.0.0 or higher
• React DOM 18.0.0 or higher
• Ant Design 5.24.9 or higher

Documentation

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

License

CC BY-NC-ND 4.0 © BioTuring