เพิ่ม Card
สามารถเพิ่มโดยเลือกจากรายการ componentsBasic Card
Description
Card Group
สามารถเพิ่มโดยเลือกCard Group จากรายการ components เพื่อสร้างกลุ่มการ์ดดังตัวอย่างด้านล่าง
First Card
This is the first card.
Second Card
This is the second card.
เพิ่ม Card ใน Group
เอาเมาส์ hover แล้วกด เครื่องหมายบวกด้านซ้ายของ Card ล่างสุด เพื่อเพิ่ม Card ใหม่ในกลุ่มแก้ไขและตั้งค่า
เอาเมาส์ hover แล้วกด สามจุดมุมขวาบนของ Card เพื่อเปิดเมนูแก้ไขTitle
แก้ไขที่ช่องTitle
Title
Content
Link Card
ตั้ง Link URL ที่ช่องURL และสามารถตั้งคำอธิบาย action ได้ที่ช่อง Call To Action
Link Card
Basic Link Card
ติดต่อเบิกเงิน
Line Official Account: SI Finance
Link Card with CTA
Link Card with Call To Action
อัตราราคากลาง
เรทราคาแต่ละรายการที่คณะอนุมัติให้โครงการเบิก
Horizontal card
ตั้งค่าโดยเลื่อนเปิดHorizontal เพื่อแสดงการ์ดในแนวนอนเทียบกับไอคอนด้านซ้าย
Horizontal Card
Here is an example of a horizontal card
Image Card
ตั้ง URL (สำหรับรูปภายนอก) หรือ path (สำหรับรูปที่อัพโหลดใน guide ฉบับนี้ในโฟลเดอร์/images) ของรูปภาพที่ต้องการแสดงในช่อง Image Path
ตัวอย่างการ์ดด้านล่างตั้งค่า Image Path เป็น /images/smsulogo-banner-wide.webp

Image Card
Here is an example of a card with an image