stack/src/components/items/document-item/document-item.twig line 1

Open in your IDE?
  1. {%- set class_name = [
  2.   "i-document",
  3.   "d-flex gap-3 align-items-center py-1 px-2",
  4. ]|join(' ')|trim -%}
  6. {%- set attrs = [
  7.   'class="' ~ class_name ~ '"',
  8. ] -%}
  10. {%- set attrs = attrs|join(' ')|trim -%}
  12. <div {{ attrs|raw }}>
  14.   {% include "@Components/icon/icon.twig" with {props: {
  15.     src: "@Images/svg/file.svg",
  16.     size: "xxl",
  17.   }} %}
  19.   <div class="i-document__body d-flex flex-column flex-grow-1">
  20.     <span class="i-document__title u-fz-md u-fw-500">
  21.       {{ props.title }}
  22.     </span>
  24.     {% if props.metadata %}
  25.       <span class="i-document__metadata u-fz-sm u-fw-400 u-color-primary-500">
  26.         {{ props.metadata }}
  27.       </span>
  28.     {% endif %}
  29.   </div>
  31.   <div class="i-document__button flex-shrink-0">
  32.     {% include "@Components/button/button.twig" with {props: {
  33.       icon_only: true,
  34.       variant: "primary",
  35.       icon: {
  36.         src: "@Images/svg/chevron-down.svg",
  37.         size: "lg"
  38.       },
  39.       size: "sm",
  40.       url: props.url,
  41.       blank: true,
  42.     }} %}
  43.   </div>
  44. </div>