Download Section
รายการเอกสารดาวน์โหลด แสดงชื่อไฟล์ ประเภท ขนาด
Default
Previewdownload-section-default
<section class="stk-downloads stk-section"> <div class="container"> <h2 class="stk-heading text-center mb-5">เอกสารดาวน์โหลด</h2> <div class="stk-card"> <div class="stk-download-item"> <div class="stk-download-item__info"> <div class="stk-download-item__icon stk-download-item__icon--pdf">PDF</div> <div> <div class="stk-download-item__name">รายงานประจำปี 2568</div> <div class="stk-download-item__size">2.4 MB</div> </div> </div> <a href="/files/annual.pdf" class="stk-btn stk-btn--outline" download>ดาวน์โหลด</a> </div> </div> </div></section>Props
| Field | Type | Required | Description |
|---|---|---|---|
title | string | ✓ | หัวข้อ section |
files | array | ✓ | [{file_name, file_url, type, type_label, file_size}] |
CSS Classes
.stk-downloads /* section wrapper */.stk-download-item /* each file row */.stk-download-item__info /* file info (icon + text) */.stk-download-item__icon /* file type icon box */.stk-download-item__icon--pdf /* PDF icon (red) */.stk-download-item__icon--xls /* Excel icon (green) */.stk-download-item__name /* file name */.stk-download-item__size /* file size */.stk-download-item__btn /* download button */