Toasts 警告框 bootstrap react

pencil 26天前 33

推送通知到您的访客与警告框,一个轻量级的,易于定制的警报消息。
Toasts是一种轻量级通知,旨在模仿移动和桌面操作系统已经普及的推送通知。它们是用flexbox构建的,所以它们很容易对齐和定位。
Basic 基
为了鼓励可扩展和可预测的警告框,我们建议使用标题和正文。Toast标题使用display:flex,由于我们的margin和flexbox实用程序,允许轻松对齐内容
警告框是灵活的,因为你需要和有很少需要的标记。至少,我们需要一个单一的元素来包含您的“烤”内容,并强烈建议取消按钮
Dismissible  解消;可解的
Stacking 堆
当您有多个警告框时,我们默认以可读的方式垂直堆叠它们。
Placement 安置
根据需要放置带有自定义CSS的祝酒词。右上角和中上角通常用于通知。
Autohide自动隐藏
警告框也可以在X毫秒后自动隐藏。为此,使用autohide属性和delay属性来分离延迟。但是请注意,它只会触发onClose函数,您必须手动设置show属性。
API
    Toast
    ToastHeader
    ToastBody

最新回复 (0)
返回
发新帖