Advertising sustains the DA. Ads are hidden for members. Join today

Contributed module documentation

UI Patterns

Synopsis

UI Patterns Define and expose self-contained UI components as Drupal plugins and use them seamlessly in Drupal development and site-building.

UI components are reusable, nestable, guided by clear standards, and can be assembled together to build any number of applications.

This documentation is for UI Patterns 1.x only

UI Patterns 2.x, based on SDC, has its own documentation: https://project.pages.drupalcode.org/ui_patterns/

Chat with the team and others

For further assistance, join us on our Slack channel: #ui-suite-initiative

Welcome to UI Patterns’ documentation

The UI Patterns module allows developers to define self-contained UI patterns as Drupal plugins and use them seamlessly in their panels, ...

Define your patterns

Patterns can be exposed by both modules and themes by enabling the ui_patterns_library module.

Use patterns with Field Groups

Patterns can be used to style entities’ field groups thanks to the ui_patterns_field_group module.

Use patterns as layouts

Patterns can be used as layouts thanks to the ui_patterns_layouts module.

Use patterns with Field templates

Patterns can be used as Display Suite field templates by enabling the ui_patterns_ds module.

Use patterns with Views

Patterns can be used as Views row templates thanks to the ui_patterns_views module, which exposes a Patterns row style plugin.

Developer documentation

Render patterns programmatically and using Twig functions, Working with pattern suggestions, Exposing source field plugins, ...

Best Practices

Identified best practices

Resources

You'll find on this page all UI Patterns related presentations, talks, online meetups, ...

Ecosystem

In this page, you'll find a list of modules and themes extending UI Patterns' core functionality.

Guide maintainers

pdureau's picture
grimreaper's picture
bircher's picture
g4mbini's picture
pescetti's picture
ademarco's picture