ใข้เป็นปุ่มลิงก์ไปยังหน้าเนื้อหาอื่น/เว็บไซต์ภายนอก หรือแสดงเนื้อหาสำคัญสั้น ๆ หรือแสดงรูปภาพพร้อมชื่อเรื่องและคำอธิบาย

​
เพิ่ม Card

สามารถเพิ่มโดยเลือกจากรายการ components

Basic 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 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
smsulogo-banner-wide

Image Card

Here is an example of a card with an image

​
ลบ Card

เอาเมาส์ hover แล้วกด สามจุดมุมขวาบนของ Card เพื่อเปิดเมนูแก้ไข จากนั้นกด ไอคอนถังขยะเพื่อลบ