DocumentBuilderBlock
Individual content block component.
Overview
DocumentBuilderBlock renders a single content block on the document builder canvas. Block types include text, images, floor plans, specs, and AI-generated before/after comparisons.
Block Types
| Type | Content | Description |
|---|---|---|
text | Rich text | Formatted text content |
image | Image | Project images or uploads |
image_compare | Before/after | AI-generated comparison |
floor_plan | Floor plan | Floor plan snapshot |
spec | Spec reference | Specification details |
material | Material | Material/texture reference |
Features
- Type-specific rendering
- Selection highlighting
- Resize handles
- Move/reposition via drag
- Delete action
- Edit mode (double-click for text)
Source
app/components/document-builder/DocumentBuilderBlock.vue