micsapp Obsidian Core Workflow B: UI Components
Overview
Secondary workflow for Obsidian: building modals, views, suggestion popups, and custom UI elements.
Prerequisites
- Completed
obsidian-install-authsetup - Familiarity with
obsidian-core-workflow-a - Understanding of DOM manipulation
Instructions
Step 1: Modal Dialogs
Step 2: Suggestion Popups (FuzzySuggestModal)
Step 3: Custom Views (Leaf Views)
Step 4: Editor Extensions (CodeMirror 6)
Step 5: Context Menus
For full implementation details and code examples, load:
references/implementation-guide.md
Output
- Modal dialogs for user input
- Suggestion popups with fuzzy search
- Custom sidebar views
- Editor decorations
- Context menus
Error Handling
| Error | Cause | Solution |
|---|---|---|
| View not showing | Not registered | Call registerView in onload |
| Modal closes immediately | Event propagation | Stop event propagation |
| Decorations not updating | Missing update handler | Implement update method |
| Menu item missing | Wrong event | Verify event type |
Resources
Next Steps
For common errors, see obsidian-common-errors.
Examples
Basic usage: Apply obsidian core workflow b to a standard project setup with default configuration options.
Advanced scenario: Customize obsidian core workflow b for production environments with multiple constraints and team-specific requirements.