Widget 1
Banner
Hero สำหรับหน้านักลงทุนสัมพันธ์พร้อมข้อมูลราคาหลักทรัพย์
แบนเนอร์ hero สำหรับหน้านักลงทุนสัมพันธ์ พร้อมแผงข้อมูลราคาหลักทรัพย์
Set
widget1Category heroScope .stk-bannerExamples
แต่ละหัวข้อคือ UI คนละรูปแบบ ส่วนขนาดคอลัมน์เป็น layout ของรูปแบบเดียวกัน
Hero ซ้าย + ราคาหลักทรัพย์ขวา
UI รูปแบบที่ 1
Hero + กริดข้อมูล
UI รูปแบบที่ 2
Composition
โครงสร้างส่วนประกอบหลักที่สรุปจาก HTML ของแต่ละ variant โดยตัด layout wrappers ออก
Variant
Loading composition…Content Schema
อ่าน schema เต็มและตัวอย่างค่าจาก get_widget ฟิลด์หลัก:
splithero-col12
Asset URLs
CSS: https://stackui-cdn.intern-studio.com/widgets/widget1/banner/banner.css
JS: https://stackui-cdn.intern-studio.com/widgets/widget1/banner/banner.js
Preview: https://stackui-cdn.intern-studio.com/widgets/widget1/banner/preview.htmlใช้ get_core ก่อนหนึ่งครั้ง จากนั้นเรียก get_widget โดยส่ง id="banner" และ set="widget1" เพื่อรับ HTML, CSS, JavaScript, dependencies และ URL ของ asset ที่ตรงกับ environment