StackUI
Widget 1

Board Director

Carousel สำหรับคณะกรรมการและผู้บริหาร

สไลด์แสดงรูป ชื่อ และตำแหน่งของคณะกรรมการหรือผู้บริหาร รองรับสี่ขนาดคอลัมน์

Set widget1Category aboutScope .stk-board-director

Examples

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

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

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

4 layouts
Layout
PreviewOpen
กำลังโหลด Preview
col12เต็มความกว้างGrid 12/12 · Measuring UI… · JavaScript

Composition

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

Variant
Loading composition…

Content Schema

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

  • title
  • cta_text
  • cta_link
  • members

Asset URLs

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

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

On this page