bootstrap_italia-8.x-0.x-dev/patterns/accordion2/accordion2.patterns.yml

# This is the unique pattern ID.
#
# It is possible to define multiple patterns in a YML file, each with it's own
# unique ID. However, I personally think that it is more logical to have one
# pattern per file to keep them well-separated and organized.
#
# You can however, group similar patterns in a file.
# Example:
#   - button
#   - button_with_icon
#
accordion2:
  # The label and description are used in the Drupal UI and the pattern library.
  label: "Accordion 2 Item"
  description: "The accordion uses collapse internally to make it collapsible. https://italia.github.io/bootstrap-italia/docs/componenti/accordion/"

  # Settings (ui_patterns_settings module).
  settings:
    item_title_tag:
      type: select
      label: Title tag
      allow_expose: true
      preview: 'h2'
      options:
        h2: "Heading 2 (h2)"
        h3: "Heading 3 (h3)"
        h4: "Heading 4 (h4)"
        h5: "Heading 5 (h5)"
        h6: "Heading 6 (h6)"

  # Fields of data supported by the pattern.
  # This can include optional fields which you can handle in your TWIG.
  fields:
    accordion_title:
      type: text
      label: 'Title (field, no link)'
      description: 'Accordion title. Without link.'
      preview: 'Lorem ipsum dolor sit amet'
    accordion_content:
      type: text
      label: 'Content (fields)'
      description: 'Accordion content.'
      preview: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor…'

    # Optional: Attached libraries.
    #
    # You can include libraries defined by other modules / themes with dependencies.
    #
    # These libraries are also available for include in theme libraries as
    # dependencies. Doing this ensures that the CSS / JS for the pattern are loaded
    # irrespective of whether a pattern of that type appears on the page.
    #   Example: ui_patterns/button.button
    # libraries:
    #   -
    #     card_simple:
    #       css:
    #         component:
    #           css/card_simple.css: {}

    # Optional: Specify a TWIG template with 'use'.
    #
    #   Example:
    #     use: 'themes/custom/THEME/patterns/blockquote/blockquote.html.twig'
    #
    # This usually contains a path relative to the Drupal root. Some documentation
    # says that a theme-relative path can also be used, but it didn't work for me.
    #
    #   Example:
    #     use: '@oldie/patterns/blockquote/blockquote.html.twig' (didn't work)
    #
    # Alternatively, you can use the 'components' module to have better-looking
    # and flexible paths.
    #
    #   Examples:
    #     use: '@patterns/blockquote/blockquote.html.twig'
    #     use: '@blockquote/blockquote.html.twig'
    #
    # Not defining 'use' makes the UI Patterns module look for a template with
    # the name 'pattern-PATTERN.html.twig. Underscores are changed into dashes.
    #
    #   Example: pattern-blockquote.html.twig