Banner

แบนเนอร์ hero หน้านักลงทุนสัมพันธ์สไตล์ widget2 — แถบหัวเรื่องพื้นขาว + ภาพแบนเนอร์เต็มความกว้าง แล้วยกการ์ด "สุขภาพหุ้น" และการ์ดราคาหลักทรัพย์ (4 ตัวเลข) ขึ้นมาทับภาพ พร้อมการ์ดตัวเลขเฉพาะจอ tablet

Examples

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

Composition

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

Loading composition…

Content Schema

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

• title
• description
• banner_image
• health_title
• health_badge
• health_link
• price_note
• symbol
• updated_text
• history_link_text
• history_link
• stats

Asset URLs

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

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