@htlkg/components

Vue 3 components with reactive state management for Hotelinking applications.

Installation

npm install @htlkg/components

Modules

Overlays

Modal dialogs, notifications, alerts, and drawers.

Navigation

Breadcrumbs, stepper, and tabs components.

Data

Table, DataList, SearchableSelect, and Chart components.

Forms

JsonSchemaForm and DateRange components.

Domain

Domain-specific components: BrandCard, BrandSelector, ProductBadge, UserAvatar.

Composables

Vue composables for component state management.

Stores

Pinia stores for global component state.

Quick Start

// Import individual components
import { Alert, Modal, Table } from '@htlkg/components';

// Import from category
import { Alert, Modal } from '@htlkg/components/overlays';
import { Breadcrumbs, Stepper } from '@htlkg/components/navigation';
import { Table, DataList } from '@htlkg/components/data';

Features

• v-model support for two-way binding
• TypeScript support with full type definitions
• Exposed methods for programmatic control
• Consistent API across all components
• Wraps @hotelinking/ui design system