Skip to content

UI Patterns 2.x

Bridges SDC components to Drupal's site-builder UI via a plugin architecture — covering props, slots, source plugins, Layout Builder, Views, field formatters, blocks, and the pattern library.

I need to... Guide
Decide whether to use UI Patterns vs SDC alone Overview & Decision
Understand the plugin system and rendering pipeline Architecture
Define a component with props and slots Defining Components
Know what prop types are available and how typing works Props System
Understand how slots work and support multiple sources Slots System
Map Drupal data (fields, menus, blocks) to component props/slots Source Plugins
Add visual variants to a component Variants
Understand how UI Patterns relates to Drupal core SDC SDC Integration
Use components as Layout Builder sections Layout Builder Integration
Use components as Views row/style plugins Views Integration
Display fields using component formatters Field Formatters
Expose components as block plugins Blocks Integration
Browse and preview components in a library Pattern Library
Write a custom source plugin Creating Custom Source Plugins
Follow best practices and avoid anti-patterns Best Practices & Anti-Patterns
Handle security and accessibility correctly Security & Accessibility
Check source references and maintenance notes Sources & Maintenance