Drupal 8: Tour API

# Идентификатор тура.
id: MY-CUSTOM-TOUR-NAME
# Модуль, который объявляет тур.
module: mymodule
# Небольшой заголовок (название) нашего тура. Фигуриует лишь в данном файле.
# В дальнейшем планируется появление Tour UI, следовательно там оно будет
# задействовано.
label: 'My custom tour'
# Язык тура. В случае 'en' всё содержимое шагов тура будет переводимо.
langcode: en
# Маршруты на которых будет доступен наш тур.
routes:
  - route_name: mymodule.foo
  - route_name: mymodule.bar
# Зависимости. Здесь указываются модули которые необходимы для данного тура.
dependencies:
  module:
    - myanothermodule
# Непосредственно наши подсказки.
tips:
  # Уникальный идентификатор подсказки в пределах данного тура.
  my-tip-1:
    # То же самое что и выше, дублируется.
    id: my-tip-1
    # Указывает на то, что данная подсказка имеет тип "текст" (html).
    # В ядре находится только данный тип подсказки, но по всей видимости оно
    # расширяется или будет расширяться через кастом.
    plugin: text
    # Заголовок для подсказки. Будет выведено в виде h3 элемента подсказки.
    # Обратите внимание что строковые значения оборачиваются одинарными (!)
    # кавычками, а также то, что эта строка будет переводима, не нужно писать
    # на русском языке, или укажите langcode: ru.
    label: 'My custom tip'
    # Содержимое подсказки. Не нужно оборачивать его тегом <p>, так как он
    # добавляется автоматически и вложенность может вызывать проблемы с
    # отображением.
    body: 'Hello <strong>World</strong>!'
    # Позиция подсказки относительно элемента к которому применяется.
    # Доступные значения: left, right, top, bottom (по-умолчанию bottom)
    location: left
    # Вес подсказки. Так как они выводятся поочередно, то вес и создает данную
    # очередь.
    weight: 1
    # Аттрибуты подсказки. В базовом плагине имеются всего два аттрибута:
    # data-id и data-class, они отвечают за выборку для тултипа. Если ни один
    # из них не указать (т.е. вообще не указывать attributes), то будет показана
    # модальная подсказка (по центру страницы).
    attributes:
      # HTML ID элемента к которому будет применена подсказка, знак #
      # опускается. В данном случае подсказка будет показана к элементу
      # id="edit-button".
      data-id: edit-button
      # То же самое что и с id. Единственное отличие, что тут допустм ввод
      # более сложных селекторов, например a[href^="google"]
      data-class: my-button-class
  my-tip-2:
    ...
  my-tip-3:
    ...