Skip to content

Item

Definition

An item component represents repeating elements in templates. It is used to display repeating data in a structured format, often as part of a list or grid.

Items are typically used to show data entries like products, users, or messages in a consistent and organized manner.

  • Represents repeating elements in templates.
  • Displays data in a list or grid format.
  • Commonly used for entries like products, users, or messages.

Example

{% extends 'django_spire/item/item.html' %}

{% block item_title_col %} d-none {% endblock %}

{% block item_row_content %}
    <div class="col-lg-3 col-12">
        {% include 'django_spire/element/attribute_element.html' with attribute_title='Recipe Name' attribute_value='Chocolate Cake' %}
    </div>

    <div class="col-lg-3 col-12">
        {% include 'django_spire/element/attribute_element.html' with attribute_title='Preparation Time' attribute_value='45 minutes' %}
    </div>

    <div class="col-lg-3 col-12">
        {% include 'django_spire/element/attribute_element.html' with attribute_title='Cooking Time' attribute_value='30 minutes' %}
    </div>

    <div class="col-lg-3 col-12">
        {% include 'django_spire/element/attribute_element.html' with attribute_title='Servings' attribute_value='8' %}
    </div>
{% endblock %}

{% block item_button %}
    {% include 'django_spire/dropdown/ellipsis_dropdown.html' with view_url='#' edit_url='#' delete_url='#' %}
{% endblock %}