Air Command Component Library

A React component library for the Air Command System, built with TypeScript and modern React patterns.

Installation

npm install @obss/air-command-component-library

Usage

Basic Components

import { Button, Table, Toast } from '@obss/air-command-component-library';

// Use the components in your React app
<Button variant="primary" onClick={handleClick}>
  Click me
</Button>

Icons

import { Rectangle, Circle, Polygon } from '@obss/air-command-component-library/dist/components/icons';

// Use individual icons
<Rectangle size={16} />

Form Elements

import { Input, Select } from '@obss/air-command-component-library';

<Input 
  placeholder="Enter text"
  value={value}
  onChange={handleChange}
/>

<Select
  options={options}
  value={selectedValue}
  onChange={handleSelect}
  multiple={true}
  searchable={true}
/>

Components

• Button: Primary, secondary, outline variants with icon support
• Table: Sortable data table with multi-column sorting
• Toast: Notification system with success, error, warning variants
• Input: Text input with validation support
• Select: Dropdown select with search and multi-select capabilities
• Dialog: Modal dialogs for confirmations and forms
• Navbar: Navigation component
• Icons: Comprehensive icon set for the Air Command System

TypeScript Support

This library is built with TypeScript and provides full type definitions.

Development

This package is specifically designed for the Air Command System project and includes specialized components and styling.

License

MIT