Package Exports
- @progressive-development/pd-order
- @progressive-development/pd-order/locales/be
- @progressive-development/pd-order/locales/de
- @progressive-development/pd-order/locales/en
- @progressive-development/pd-order/pd-order-agreement
- @progressive-development/pd-order/pd-order-contacts
- @progressive-development/pd-order/pd-order-summary
Readme
@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-orderQuick 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