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">
        <div class="attribute-label">Recipe Name</div>
        <div>Chocolate Cake</div>
    </div>

    <div class="col-lg-3 col-12">
        <div class="attribute-label">Preparation Time</div>
        <div>45 minutes</div>
    </div>

    <div class="col-lg-3 col-12">
        <div class="attribute-label">Cooking Time</div>
        <div>30 minutes</div>
    </div>

    <div class="col-lg-3 col-12">
        <div class="attribute-label">Servings</div>
        <div>8</div>
    </div>
{% endblock %}

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