open-index/open-npm huggingface dataset:
npm package: @publicai-ux/preline-components
Description: Preline Components - Essential UI building blocks for React and HTML
Author: PublicAI UX Team
Latest version: 1.0.0

# Preline Components SDK

Essential UI building blocks for React and HTML applications.

Published by PublicAI UX organization.

## Installation

```bash
npm install @publicai-ux/preline-components
```

## Usage

### JavaScript/Node.js
```javascript
const { components, categories, getComponent } = require('@publicai-ux/preline-components');

// Get all components
console.log(`Total components: ${components.length}`);

// Get a specific component
const button = getComponent('base-components', 'button-primary');
console.log(button);

// Get components by category
const formComponents = getCategoryComponents('basic-forms');
```

### ES Modules
```javascript
import { components, categories, getComponent } from '@publicai-ux/preline-components';

const button = getComponent('base-components', 'button-primary');
```

## Categories

### Base Components
Essential UI building blocks including buttons, badges, alerts, accordions, and tooltips for fundamental interface elements
- **Components**: 220
- **Icon**: Blocks
- **Path**: `base-components`

### Navigations
Navigation components including sidebars, breadcrumbs, tabs, pagination, and stepper elements for user wayfinding
- **Components**: 98
- **Icon**: Navigation
- **Path**: `navigations`

### Basic Forms
Fundamental form elements like inputs, textareas, checkboxes, radio buttons, and basic validation components
- **Components**: 99
- **Icon**: FileText
- **Path**: `basic-forms`

### Advanced Forms
Complex form components including multi-select, date pickers, file uploads, advanced validation, and dynamic form controls
- **Components**: 62
- **Icon**: Settings2
- **Path**: `advanced-forms`

### Overlays
Modal dialogs, popovers, tooltips, dropdown menus, and notification overlays that appear above main content
- **Components**: 50
- **Icon**: Layers
- **Path**: `overlays`

### Third-Party Plugins
Integration components for external libraries including maps, charts, calendars, and specialized UI widgets
- **Components**: 71
- **Icon**: Puzzle
- **Path**: `third-party-plugins`

### Tables
Data table components with sorting, filtering, pagination, and responsive layouts for displaying structured information
- **Components**: 19
- **Icon**: Table
- **Path**: `tables`


## Component Structure

Each component includes:
- **HTML**: Ready-to-use HTML markup
- **JSX**: React component version (when available)
- **JavaScript**: Interactive functionality
- **CSS**: Tailwind CSS styles
- **Schema**: Data structure definitions
- **Manifest**: Component metadata

## Build Info

- **Version**: 1.0.0
- **Total Components**: 619
- **Categories**: 7
- **Build Date**: 2025-09-26T08:42:20.878Z

## License

MIT License - see LICENSE file for details.