UI Patterns

Define and expose self-contained UI patterns as Drupal plugins and use them seamlessly as drop-in templates for:

• panels
• field groups
• views
• Display Suite view modes and field templates.
• other integrations depending on the available modules.

This module also integrates with tools like PatternLab or modules like Component Libraries thanks to definition overrides.

This project provides 6 modules:

• UI Patterns: the main module, it exposes the UI Patterns system APIs, and it does not do much more than that.
• UI Patterns Library: allows to define patterns via YAML and generates a pattern library page available at /patterns to be used as documentation for content editors or as a showcase for business. Use this module if you don't plan to use more advanced component library systems such as PatternLab or Fractal.
• UI Patterns Layouts: allows to use patterns as layouts. This module allows patterns to be used on Display Suite view modes or on Panels out of the box.
• UI Patterns Views: allows to use patterns as Views row templates.
• UI Patterns Field Group: allows to use patterns to format field groups provided by the Field Group module.
• UI Patterns Display Suite: allows to use patterns to format Display Suite field templates.

Requirements

This module requires no modules outside of Drupal core.

Installation

Install as you would normally install a contributed Drupal module. For further information, see Installing Drupal Modules.

Configuration

The module has no menu or modifiable settings. There is no configuration.

The submodules provide new configuration options depending on the submodule specificities.