Elements

Sample documentation (demo only)
This is an incomplete, outdated docs snapshot shipped with the playground — screenshots were removed on purpose.
For the full, current manuals go to voodflow.com/docs.

Package: voodflow/voodbuilder-elements
Edition: Developer, Agency

Elements adds a remote section catalog to the editor library — ready-made tiles fetched from the VoodFlow catalog service, not user-saved Components.

What it does

• Registers Elements library UI in the editor
• Proxies catalog requests through authenticated editor routes
• Keeps GrapesJS component types in core; this package registers tiles / sources / remote fetch

Setup

1. Require the package with your Developer or Agency Composer credentials.
2. Register VoodbuilderElementsPlugin on the Filament panel.
3. Configure catalog URL / token via your project env as documented in the package README (never commit secrets).

Authoring catalog HTML

Catalog section HTML should use the same data-vb-* markers as hand-written blocks so the Content panel and Layout items (item count / columns) work without per-tile JS. See Declarative HTML fields.

Notes

• Installing Composer alone is not enough — the Filament plugin must call activate() on the panel.
• Do not merge Elements with the Components companion; they solve different problems.

Back to Companions.