@progressive-development/pd-order

Order flow components for multi-address management and order summaries.

Features

• Lit 3 & TypeScript – Modern, type-safe web components
• Accessible – WCAG 2.1 compliant, keyboard navigation, ARIA support
• Themeable – CSS Custom Properties for easy customization
• Localized – Built-in i18n support (EN, DE, BE)
• Lightweight – No heavy dependencies, tree-shakeable
• Framework-agnostic – Works with React, Vue, Angular, or vanilla JS
• Multi-Address Management – Handle customer, billing, property, and manager addresses with smart fallbacks
• Property Owner Scenarios – Specialized fields for landlord workflows with conditional address sections
• Dual Display Modes – Switch between full edit form and compact summary view
• Order Summary with Terms – Price table integration, tax display, and legal consent checkbox with modal

Installation

npm install @progressive-development/pd-order

Quick Start

<script type="module">
  import '@progressive-development/pd-order';
</script>

<pd-order-contacts></pd-order-contacts>

Components

| Component | Description | |-----------|-------------| | <pd-order-contacts> | Multi-address contact management | | <pd-order-summary> | Order overview with pricing and terms |

Documentation

📖 Full documentation: pd-components.web.app

License

MIT © PD Progressive Development UG