Skip to content

Layout Builder

Philosophy: Configuration-first approach. Layout Builder configuration lives in core.entity_view_display.*.yml with sections and components. Understand config schema, prioritize defaults over overrides, and use config management for deployment.

I Need To...

Task Guide
Understand what Layout Builder does and when to use it Overview
Enable LB on a content type or entity view mode Enabling Layout Builder
Read and edit LB configuration YAML Config Schema
Understand section structure and layout plugins Sections & Layouts
Find available core layout plugins Core Layout Plugins
Add blocks to layouts programmatically Block Placement
Decide between inline and reusable blocks Inline vs Reusable
Expose entity fields as blocks in layouts Field & Extra Field Blocks
Choose between default layouts and per-entity overrides Defaults vs Overrides
Restrict which blocks editors can add Layout Builder Restrictions
Apply CSS classes to sections and blocks Layout Builder Styles Overview
Create style groups and styles via YAML config Style Groups Config
Define individual styles with restrictions Style Definitions
Integrate LB Styles with Bootstrap/Radix Bootstrap Integration
Extend LB Styles programmatically Extending LB Styles
Use UI Patterns as LB layouts + UI Styles UI Patterns Layouts & UI Styles Integration
Create custom layout plugins Custom Layout Plugins
React to layout rendering with events Events & Hooks
Export and deploy LB configuration Config Export & Recipes
Style LB admin UI and frontend output Theming Layout Builder
Follow configuration-first best practices Best Practices
Avoid common mistakes Anti-Patterns
Understand security and performance implications Security & Performance
Find key classes and files Code Reference Map
Check sources and version history Sources & Maintenance