Playbook
Modal Lab
產生確認、表單、部署提示與拖動策略的實用設定。
範例
範例中心為每個可執行 demo 提供獨立頁面。範例預設載入已發布的 [email protected] CDN 版本；加入 ?sodialogVersion=latest 可暫時切換至其他已發布版本。
可執行範例
Modal Basic
最小 Modal、預設 footer 與 header 拖動。
Modal Promise
confirm、prompt、form 的可取消流程。
Image Preview
置中預覽、滑鼠滾輪縮放與可選控制列。
Offcanvas
四個方向、尺寸與動畫。
Toast Basic
狀態訊息、位置與自動關閉。
Toast Queue
佇列上限、重複策略與進度。
Context Menu
右鍵選單、圖示與鍵盤路徑。
Tooltip
懸停、聚焦、長按與動態清單提示。
Tags Input
輸入、貼上、重置與表單值同步。
Menu to Dialog
從選單動作開啟 Dialog。
實驗室
Playbook
Toast Playbook
驗證佇列、位置與重複訊息策略。
Playbook
Offcanvas Playbook
檢查方向、尺寸、動畫與行動端面板。
Playbook
Context Menu Playbook
檢查鍵盤路徑、typeahead 與 Dialog 串接。
舊版演示
舊版演示仍保留用於完整頁面回歸，但不再嵌入範例索引。