Skip to content

SoDialog统一管理弹窗交互的组件库

一套 API 覆盖 Modal、Offcanvas、Toast、Context Menu,帮助你更快上线且更容易维护。

SoDialog

SoDialog 一眼看懂

SoDialog 是一个前端弹窗组件库,用统一 API 处理 ModalOffcanvasToastContext Menu

  • 你能快速做出一致的交互体验
  • 你能少写重复配置
  • 你能更稳定地做回归验证

30 秒上手代码

ts
import 'sodialog/style.css'
import { openModal, openOffcanvas, toast } from 'sodialog'

await openModal({
  title: '删除确认',
  content: '确定要删除这条记录吗?',
  confirmText: '删除'
})

openOffcanvas({
  title: '筛选条件',
  placement: 'right'
})

toast.success('操作已完成')

概念图

SoDialog 统一 API 概念图

SoDialog 统一管理 Modal、Offcanvas、Toast、Context Menu —— 一套 API,四类弹窗。

从哪里开始

  1. 快速开始
  2. 在线示例
  3. API 参考

可靠性状态:PASS(docs build / docs smoke / SEO metadata)

更多开发日志:/blog/

Released under the MIT License.