StackUI
Widget 1

Email Alert

สมัครรับข่าวสารนักลงทุนทางอีเมล

การ์ดพื้นหลังรูปภาพพร้อมข้อความเชิญชวนและปุ่มสมัครรับข่าวสาร

Set widget1Category investor-servicesScope .stk-email-alert

Examples

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

การ์ดสมัครรับข่าว

UI รูปแบบที่ 1

1 layout
PreviewOpen
กำลังโหลด Preview
col-6การ์ดสมัครรับข่าวGrid 6/12 · Measuring UI…

Composition

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

Variantcol-6
Loading composition…

Content Schema

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

  • col-6

Asset URLs

CSS: https://stackui-cdn.intern-studio.com/widgets/widget1/email-alert/email-alert.css
JS:  https://stackui-cdn.intern-studio.com/widgets/widget1/email-alert/email-alert.js
Preview: https://stackui-cdn.intern-studio.com/widgets/widget1/email-alert/preview.html

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

On this page