Fundamental Elements
Fundamentals provide containers, text, links, media, and code for agent-built layouts. Style them with selectors and CSS classes; regular Breakdance elements offer dedicated design controls.
Edit a Fundamental
Select it in Structure, change Content, and edit its selector for appearance. Shared classes affect every matching instance. Use Settings for conditions, interactions, animations, and attributes, then save.
Element References
| Purpose | Reference |
|---|---|
| Semantic structure and layout wrappers | Container |
| A whole linked card or group | Container Link |
| A single heading or text node | Fundamental Text |
| Several formatted paragraphs, headings, or lists | Fundamental Rich Text |
| A text-only link | Fundamental Text Link |
| An image from media or a URL | Fundamental Image |
| An editable SVG icon | Fundamental SVG Icon |
| Native browser video | Fundamental HTML5 Video |
| A WordPress-supported URL embed | Fundamental OEmbed |
| One raw HTML block | Fundamental HTML Code |
| Page JavaScript | Fundamental JavaScript Code |
| Product context in a selector-styled layout | Fundamental Product Builder |
Fundamental OEmbed also has iframe aspect-ratio controls in Design. Container and Container Link are hidden from Add search; select existing instances in Structure or create supported structure through an agent's HTML workflow.
Choose suitable HTML tags and avoid nested links. Use specialized elements for forms, loops, menus, and purchasing; Fundamentals supply markup, not those features' behavior.