Comment

Source: https://dripyard.com/docs/dripyard-base/components/drupal/comment

Theme: dripyard-base

A responsive comment display component for Drupal that renders individual comments with author metadata, timestamps, and nested threading support.

Overview

The comment component displays user-generated comments with proper semantic HTML structure, including author attribution, timestamps, and support for comment threading. It features responsive design with container queries and alternating background colors for improved readability.

Usage

{% embed 'dripyard_base:comment' with {
  attributes: attributes.addClass(classes).setAttribute('data-drupal-selector', 'comment'),
  new_indicator_timestamp,
  author,
  time: elements['#comment'].getCreatedTime()|date('F j, Y'),
  parent,
  title,
  title_prefix,
  title_suffix,
  title_attributes,
  content,
  content_attributes,
} only %}
  {% block comment_content %}
    {{ content }}
  {% endblock %}
{% endembed %}

Accessibility Features

  • Color contrast: Text must meet 4.5:1 contrast ratio requirements

Column Layout Helper

This is the column layout helper, which you can use to configure

  • Vertical and horizontal spacing
  • Vertical and horizontal alignment
  • Spacing between components
  • Enable stickyness

This helper will not be visible unless editing this page.

Current values:

Padding top Not set
Padding bottom Not set
Horizontal alignment Not set
Vertical alignment Not set
Gutter medium
Stickyness Enabled
Hide mobile Not set
Hide desktop Not set