News

ข่าวตลาดหลักทรัพย์และข่าวบริษัท

การ์ดข่าวแบบแท็บ รองรับกริดเต็ม ครึ่ง แคบ และ carousel

Set widget1Category newsScope .stk-news

Examples

แต่ละหัวข้อคือ UI คนละรูปแบบ ส่วนขนาดคอลัมน์เป็น layout ของรูปแบบเดียวกัน

รูปแบบมาตรฐาน

UI รูปแบบเดียวกัน มี 3 layout ให้เลือก

3 layouts

Layout

PreviewOpen

col-12กริด 4 การ์ดGrid 12/12 · Measuring UI… · JavaScript

Carousel

UI รูปแบบที่ 2

1 layout

PreviewOpen

col-4-carouselCarouselGrid 4/12 · Measuring UI… · JavaScript

Composition

โครงสร้างส่วนประกอบหลักที่สรุปจาก HTML ของแต่ละ variant โดยตัด layout wrappers ออก

Variant

Loading composition…

Content Schema

อ่าน schema เต็มและตัวอย่างค่าจาก get_widget ฟิลด์หลัก:

title
cta_text
cta_link
tab1_label
tab2_label
tab1_items
tab2_items

Asset URLs

CSS: https://stackui-cdn.intern-studio.com/widgets/widget1/news/news.css
JS:  https://stackui-cdn.intern-studio.com/widgets/widget1/news/news.js
Preview: https://stackui-cdn.intern-studio.com/widgets/widget1/news/preview.html
Vendor: ดู dependencies.vendor จาก get_widget

ใช้ get_core ก่อนหนึ่งครั้ง จากนั้นเรียก get_widget โดยส่ง id="news" และ set="widget1" เพื่อรับ HTML, CSS, JavaScript, dependencies และ URL ของ asset ที่ตรงกับ environment