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 |