DBX Form Actions
CommunitySeamless form actions for Angular with dbxAction
System Documentation
What problem does it solve?
This skill streamlines the integration of Angular forms with the dbxAction system, reducing boilerplate and ensuring consistent validation, modification tracking, and safe action execution.
Core Features & Use Cases
- Automatic form-to-action binding: binds a DbxMutableForm to an action, providing values on trigger and handling modified/validation states.
- Flexible validation: supports Angular validators plus custom validation via dbxActionFormIsValid, as well as IsEqual/IsModified for tracking changes.
- Safe, user-friendly UX: form locking during submission and optional safety dialog for unsaved changes.
- Real-world use: teams can create robust, reusable form dialogs or embedded forms in dashboards with predictable behavior.
Quick Start
Use a simple template: create a form with dbxActionForm and provide initial values and a submit button; configure isValid and isEqual as needed; then attach [dbxFormSource], [dbxActionFormIsValid], [dbxActionFormIsEqual], and [dbxActionFormMapValue] as necessary, and bind a dbxActionButton to trigger the action.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: DBX Form Actions Download link: https://github.com/dereekb/dbx-components/archive/main.zip#dbx-form-actions Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.