StackUI

News

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

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

Set
widget1
Category
news
Scope
.stk-news

Preview

Previewwidget1/news

Variants

Variantชื่อGridJavaScript
col-12กริด 4 การ์ด12/12ใช้
col-6กริด 2 การ์ด6/12ใช้
col-4รายการแนวตั้ง4/12ใช้
col-4-carouselCarousel4/12ใช้

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