ui_suite_daisyui-4.0.x-dev/templates/ui_patterns_library/ui-patterns-component-metadata.html.twig

{#
/**
 * @file
 * UI Patterns meta information.
 */
#}
{% if component is not empty %}
  <p class="ui_patterns_component__id my-4">
    ID: <code class="bg-base-200 rounded-badge px-1">{{ component.id }}</code>
  </p>
  {% if component.description %}<p class="ui_patterns_component__description my-4">{{ component.description }}</p>{% endif %}
  {% if component.status %}
    <p class="ui_patterns_component__status ui_patterns_component__status--{{ component.status }} my-4">
      {{ 'Status: @status'|t({'@status': component.status}) }}
    </p>
  {% endif %}
  {% if component.links %}
    <div class="ui_patterns_component__links">
      {% if component.links|length > 1 %}
        {{ 'Links:'|t }}
        <ul>
          {% for link in component.links %}
            <li class="ui_patterns_component__link py-1">
              <a href="{{ link.url }}" class="link">{{ link.title|default('External documentation'|t) }}</a>
            </li>
          {% endfor %}
        </ul>
      {% else %}
        <p class="ui_patterns_component__link my-4">
          {% set link = component.links|first %}
          <a href="{{ link.url }}" class="link">{{ link.title|default('External documentation'|t) }}</a>
        </p>
      {% endif %}
    </div>
  {% endif %}
  {% if component.replaces %}
    <p class="my-4">
      {{ 'Replaces'|t }}: <a href="{{ url('ui_patterns_library.single', {provider: component.replaces|split(':')|first, machineName: component.replaces|split(':')|last}) }}" class="link">{{ component.replaces }}</a>
    </p>
  {% endif %}
  {% if component.tags %}
    <p class="ui_patterns_component__tags my-4">{{ 'Tags: @tags'|t({'@tags': component.tags|join(', ')}) }}</p>
  {% endif %}
{% endif %}