Page Kit
x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<div class="pk-c-file">
  <div class="pk-c-file__inner">
    <div class="pk-c-file__header">
      <div class="pk-c-file__logo">
        <img alt="Raspberry Pi Foundation" src="/assets/components/site/file/rpf-raspberry-logo-d6de78eb678389f9d3c98ca62e82c62b1ff6147c775a0bb2701a0913916e5bac.svg" />
      </div>
    </div>
    <div class="pk-c-file__body">
      <div>
        <h3>PDF Document</h3>
        <p>Updated
          25/09/14</p>
      </div>
    </div>
    <div class="pk-c-file__attachments">
      <div class="pk-c-file__details">
        <a data-event-action="click" data-event-category="Download card" data-event-label="PDF Document - rp-pagekit-staging.herokuapp.com/lookbook/inspect/site/file/default -  204800 - google.com" href="https://google.com">
          <span class="material-symbols-sharp">download</span>
          <span class="pk-c-file__extension">.pdf</span>
        </a>          <span class="pk-c-file__size"> (204Kb)
        </span>
      </div>
    </div>
  </div>
</div>
1
2
3
4
5
6
7
8
c(
  'site/file',
  title:,
  updated_at_date:,
  attachments: create_attachments(number_of_attachments),
  show_logo:,
  icon:
)

No notes provided.

Param Description Input

Whether to show the logo

The icon to display. Only shows if logo is hidden.

The title of the component

The date the file was last updated

The number of attachments to display
1
3