Contact Management System

A comprehensive example demonstrating Domma's full stack

Interactive Contact Manager
A complete contact management system showcasing Models, Tables, Forms, Storage, and UI Components working together seamlessly.
Download HTML Download JavaScript

Both files are required for the example to work

0
Total Contacts
0
Groups
0
Selected
0 KB
Storage Used
Manage Groups (0) ▼

Existing Groups

Add Contact ▼

Features Demonstrated

Data & Models

  • Reactive models with validation
  • Auto-persistence to localStorage
  • Two-way data binding with forms
  • Model change listeners

UI Components

  • Domma Table with sorting & pagination
  • Modal dialogs with forms
  • Pillbox for multi-select groups
  • Loaders, toasts, and tooltips

Forms & Validation

  • Real-time validation with feedback
  • Form groups with error states
  • Dynamic group creation via Pillbox
  • Email and phone validation

Config Engine

  • Declarative component setup
  • Event binding with $.setup()
  • Model integration via config
  • Centralized configuration