搜索drupal-pattern-lab / bem-twig-extension
将静态类插入Pattern Lab，并将它们添加到Drupal的Attributes对象中的Twig函数
This package is auto-updated.
Last update: 2024-09-15 07:45:52 UTC
README
将静态类插入Pattern Lab，并将它们添加到Drupal的Attributes对象中的Twig函数
需求
要在Pattern Lab中使用，只需将其放置在_twig-components/functions目录中。为了使Drupal能够识别Twig函数，可以使用像Unified Twig Extensions这样的模块。
使用（4个参数）
简单的块名（必需参数）
<h1 {{ bem('title') }}>
这会创建
<h1 class="title">
具有修饰符的块（可选数组，允许多个修饰符）
<h1 {{ bem('title', ['small', 'red']) }}>
这会创建
<h1 class="title title--small title--red">
具有修饰符和块名的元素（可选）
<h1 {{ bem('title', ['small', 'red'], 'card') }}>
这会创建
<h1 class="card__title card__title--small card__title--red">
具有块名但无修饰符的元素（可选）
<h1 {{ bem('title', '', 'card') }}>
这会创建
<h1 class="card__title">
具有修饰符、块名和额外类的元素（可选 - 如果您需要非BEM类）
<h1 {{ bem('title', ['small', 'red'], 'card', ['js-click', 'something-else']) }}>
这会创建
<h1 class="card__title card__title--small card__title--red js-click something-else">
仅具有额外类的元素（可选）
<h1 {{ bem('title', '', '', ['js-click']) }}>
这会创建
<h1 class="title js-click">