Astromer - Molecular Astronomy for the Web

am-dialog

同一個 native <dialog> primitive,可以組成不同密度、風險等級與版型。

Standard modal

最基本的確認視窗,適合短說明、單一步驟操作。

標題

這是說明文字。Esc 或點擊 backdrop 可關閉。

任意內容區塊。

Destructive alert

高風險行為改用 alertdialog,並停用 backdrop / Esc 關閉。

刪除「Astromer Alpha」?

這個動作無法復原,已發佈資料與成員權限都會一起移除。

  • 刪除後將立即失去存取權
  • 相關分析資料會在 30 天內完全清除
  • 建議先匯出報表與設定備份

Side sheet

同樣是 dialog,也可以做成偏向設定流程的右側面板。

通知設定

把低風險、需要比較多選項的內容放進 sheet 會比置中的 modal 更順。

Rich content

內容導向的 dialog 可以放預覽、摘要與次要 metadata,不一定只是一段文案。

Editorial preview

星圖卡片預覽

在真正送出前,先把內容、標籤和 CTA 全部預覽一次。

Campaign draft

Tonight's Sky, Framed for Curious People

這種版型適合承載圖片、摘要、metadata 與多個操作,避免使用者跳到新頁才能確認內容。

Audience: Returning usersFormat: Social cardStatus: Draft

Placement and size

同一個 dialog API 也能控制出現位置與內容寬度,不必另外覆寫容器樣式。

排程已建立

適合做簡短的流程完成提示,但仍保留 modal 的聚焦能力。

明天 09:00 會自動寄送週報給 12 位訂閱者。

快速編輯摘要

底部浮出的版型適合短表單、備註或 action-heavy 的小流程。